fraNNNta-Design
Bine a-ti venit pe fraNNNta-Design

avatar
Rank: Membru
Respect : 100%
Mesaje : 585
Inscris : 18/12/2012
Vezi profilul utilizatorului

biggri Prima litera din paragraf sa fie mare

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.
avatar
Rank: fondator
Respect : 100%
Mesaje : 4009
Inscris : 18/06/2011
Vezi profilul utilizatoruluihttp://www.frannnta-design.com

biggri Re: Prima litera din paragraf sa fie mare

la data de Dum Aug 04, 2013 6:12 pm
putin cam complicat pentru incepatori,dar destul de bun
avatar
Rank: fondator
Respect : 100%
Mesaje : 219
Inscris : 05/08/2015
Vezi profilul utilizatoruluihttp://board.forumotion.com

biggri Re: Prima litera din paragraf sa fie mare

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

Continut sponsorizat

biggri Re: Prima litera din paragraf sa fie mare

Sus