lostyazilim
tr.link

Yazı sınırlama (Devamını oku kısmı)

8 Mesajlar 9.297 Okunma
acebozum
tr.link

LeaderScorpion LeaderScorpion WM Aracı Kullanıcı
  • Üyelik 16.10.2015
  • Yaş/Cinsiyet 38 / E
  • Meslek Telekomünikasyon
  • Konum İstanbul Avrupa
  • Ad Soyad M** H**
  • Mesajlar 53
  • Beğeniler 19 / 3
  • Ticaret 0, (%0)
Merhaba arkadaşlar,

Ben yani başladım html ve css e. Az buçuk öğrendim ve şuan uygulamalar yapıyorum kendimce. Fakat suan bir konuda yardımınızı isteyecem.

Yapmak isteyip yapamadığım şey şu;

Bir div düzeni oluşturdum ve içerisine bir sayfa linki vereceğim. Fakat ilk başta birkaç satır görünsün sonra devamını oku butonu ile ilgili sayfaya geçsin istiyorum ama işin içinden çıkamadım, sanırım biraz php bilgisi gerek bunun için.



HTML KODLARI



BAŞLIK

Tüm yazı içeriğinin belirli bir kısmı buraya gelecek. Daha sonra devam kısmı ile yazının tamamına gidilecek.Tüm yazı içeriğinin belirli bir kısmı buraya gelecek. Daha sonra devam kısmı ile yazının tamamına gidilecek.Tüm yazı içeriğinin belirli bir kısmı buraya gelecek. Daha sonra devam kısmı ile yazının tamamına gidilecek.



BAŞLIK

Tüm yazı içeriğinin belirli bir kısmı buraya gelecek. Daha sonra devam kısmı ile yazının tamamına gidilecek.Tüm yazı içeriğinin belirli bir kısmı buraya gelecek. Daha sonra devam kısmı ile yazının tamamına gidilecek.Tüm yazı içeriğinin belirli bir kısmı buraya gelecek. Daha sonra devam kısmı ile yazının tamamına gidilecek.





CSS KODLARI

.yazilar{
width: 100%;
display: flex;
justify-content: center;
padding: 2% 0;
}
.yazi{
background: #333;
margin: 1% 3%;
background: rgba(255, 255, 255, 0.84);
width: 350px;
max-height: 100px;
-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.yazilar .yazi{
padding: 1%;
margin: 1% 2%;
text-align: center;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.baslik-yazi{
width: 100%;
font-size: 20px;
text-align: left;
color: rgb(95,180,0);
border-bottom: 2px dashed rgb(95,180,0);
}
.aciklama-yazi{
width: 100%;
font-size: 15px;
margin-top: 2%;
text-align: left;
color: rgb(6,6,6);
}



Yardımlarınız için şimdiden teşekkür ederim.
 

 

elektronikssl
webimgo

sosyalmedya sosyalmedya Sms Onayı Gerekli Banlı Kullanıcı
  • Üyelik 18.07.2012
  • Yaş/Cinsiyet 37 / E
  • Meslek Front End Developer
  • Konum İstanbul Avrupa
  • Ad Soyad S** A**
  • Mesajlar 219
  • Beğeniler 28 / 66
  • Ticaret 0, (%0)
Evet hocam PHP ile yaparsın.Veritabanından dinamik olarak içerik çektiğinde uzunluğu hesaplayıp belirli karakterden sonra etiketi ekleyebilirsin.
LeaderScorpion

kişi bu mesajı beğendi.

sosyalmedya sosyalmedya Sms Onayı Gerekli Banlı Kullanıcı
  • Üyelik 18.07.2012
  • Yaş/Cinsiyet 37 / E
  • Meslek Front End Developer
  • Konum İstanbul Avrupa
  • Ad Soyad S** A**
  • Mesajlar 219
  • Beğeniler 28 / 66
  • Ticaret 0, (%0)
div e yükseklik değeri vermeyin.İçeriğe göre kendini yüksekliğini ayarlasın taşma olmaz.
 

 

wmaraci
wmaraci

LeaderScorpion LeaderScorpion WM Aracı Kullanıcı
  • Üyelik 16.10.2015
  • Yaş/Cinsiyet 38 / E
  • Meslek Telekomünikasyon
  • Konum İstanbul Avrupa
  • Ad Soyad M** H**
  • Mesajlar 53
  • Beğeniler 19 / 3
  • Ticaret 0, (%0)

sosyalmedya adlı üyeden alıntı

div e yükseklik değeri vermeyin.İçeriğe göre kendini yüksekliğini ayarlasın taşma olmaz.


İyide o zamanda tüm paragrafı alacak ve sayfa düzenimi bozacak. Ben max-height vererek düzeni korumak istedim sadece. Ama php ögrenene kadar ordaki yazıyı elle editleyecem artık a tagına verdiğim adreste zaten yazının geri kalanı mevcut olacak. :)
 

 

sosyalmedya sosyalmedya Sms Onayı Gerekli Banlı Kullanıcı
  • Üyelik 18.07.2012
  • Yaş/Cinsiyet 37 / E
  • Meslek Front End Developer
  • Konum İstanbul Avrupa
  • Ad Soyad S** A**
  • Mesajlar 219
  • Beğeniler 28 / 66
  • Ticaret 0, (%0)
Hocam siteniz tamamlanınca orada göstermek istediğiniz yazı özet şeklin de değilmi.O zaman şimdi yazının tamamını yerleştirmeyin.Sadece özet olarak yerleştirin.Ona göre de CSS de düzenleme yapın.Yarın PHP öğrendiğiniz de sadece özeti dinamik olarak getirmeniz yeterli olacaktır.
 

 

LeaderScorpion LeaderScorpion WM Aracı Kullanıcı
  • Üyelik 16.10.2015
  • Yaş/Cinsiyet 38 / E
  • Meslek Telekomünikasyon
  • Konum İstanbul Avrupa
  • Ad Soyad M** H**
  • Mesajlar 53
  • Beğeniler 19 / 3
  • Ticaret 0, (%0)

sosyalmedya adlı üyeden alıntı

Hocam siteniz tamamlanınca orada göstermek istediğiniz yazı özet şeklin de değilmi.O zaman şimdi yazının tamamını yerleştirmeyin.Sadece özet olarak yerleştirin.Ona göre de CSS de düzenleme yapın.Yarın PHP öğrendiğiniz de sadece özeti dinamik olarak getirmeniz yeterli olacaktır.


Aynen öyle yapcam. yok şuan yazı özet şeklinde değil. Ben o kadarını yazdım gerisini sildim sığacak kadar bıraktım :)
 

 

infstock infstock WM Aracı Kullanıcı
  • Üyelik 16.12.2014
  • Yaş/Cinsiyet 37 / E
  • Meslek Frontend Developer
  • Konum İstanbul Anadolu
  • Ad Soyad E** K**
  • Mesajlar 75
  • Beğeniler 1 / 23
  • Ticaret 0, (%0)
overflow-y:hidden komutu isini gorecektir dostum.asagidaki linki inceleyebilirsin..
Buton kontrolunu de jquery ile yapabilirsin..
http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_overflow-xy
LeaderScorpion

kişi bu mesajı beğendi.

templates.informationstock.com
www.informationstock.com
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al