fraNNNta-Design

Bine a-ti venit pe fraNNNta-Design
conectarecreaza cont



Prima litera din paragraf sa fie mare

Distribuiţi
Braga Catalin OnlineOffline
avatar
Rank: Membru
Respect : 100%
Mesaje : 585
Inscris : 18/12/2012

biggri Prima litera din paragraf sa fie mare

Mesaj Scris de Braga Catalin la data de Lun Mai 27, 2013 3:34 pm

Efectul despre care vorbesc este:


Acest efect se poate obtine foarte usor cu putin css si html in felul urmator:
- luam prima litera din paragraf si ii punem o clasa folosind tagul span.

Cod:
<p>
<span class="firstcharacter">L</span> orem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tristique lobortis orci ac lacinia. Fusce eu purus eget diam vehicula auctor nec eu elit. Morbi consequat facilisis orci vel malesuada. Donec ultrices molestie sollicitudin. Aliquam pharetra libero enim. Donec et suscipit massa. Donec dui odio, dignissim non sodales et, tincidunt a sapien. Phasellus elit nibh, adipiscing sed blandit vel, interdum et arcu.
</p

- apoi mergem in fisierul css si adaugam

Cod:


.firstcharacter {
float: left; color: #903;
font-size: 75px;
line-height: 60px;
padding-top: 4px;
padding-right: 8px;
padding-left: 3px;
font-family: Georgia;

Asta e tot.

Mai este o varinta care ar fi mult mai simpla, doar ca nu merge in versiunile 6,7,8 de IE, care arata cam asa:
- se adauga urmatorul cod in css

Cod:
p:first-child:first-letter {
float: left;
color: #903;
font-size: 75px;
line-height: 60px;
padding-top: 4px;
padding-right: 8px;
padding-left: 3px;
font-family: Georgia;
}

Acelasi cod de css ca cel de mai sus doar ca se folosesti o clasa mai speficica care este inteleasa de Chrome, Firefox si IE 9.


Sus
Vezi profilul utilizatorului Vizualizeaza profilul
mr.franta OnlineOffline
avatar
fondator
Respect : 100%
Mesaje : 3979
Inscris : 18/06/2011

biggri Re: Prima litera din paragraf sa fie mare

Mesaj Scris de mr.franta la data de Dum Aug 04, 2013 6:12 pm

putin cam complicat pentru incepatori,dar destul de bun


Sus
Vezi profilul utilizatorului Vizualizeaza profilul
Justice OnlineOffline
avatar
fondator
Respect : 100%
Mesaje : 215
Inscris : 05/08/2015

biggri Re: Prima litera din paragraf sa fie mare

Mesaj Scris de Justice la data de Dum Aug 23, 2015 9:41 am

Ai uitat sa pui } la sfarsitul codului CSS, iar la HTML tagul p se inchide

, nu



Sus
Vezi profilul utilizatorului Vizualizeaza profilul
Continut sponsorizat OnlineOffline

biggri Re: Prima litera din paragraf sa fie mare

Mesaj Scris de Continut sponsorizat



Sus

    Acum este: Mier Noi 21, 2018 8:02 am