Cikkajánló
Sziasztok! Kicsit csúszásban vagyok a honlapverseny kihirdetésével, de hát ez van sajnos. Mostanában alig jutok gép közelébe. Igaz, hogy április elseje van, de a verseny végeredménye nem tréfa, még
Összesen hat pontba szedtem a számomra pozitív Disqus tulajdonságokat. Biztos van még több is, mert hát ugye kinek miért szimpatikus, de talán a lényeget sikerült összeszednem. Az első és
Eddig 95%-ban úgy oldottuk meg a a cím kérdését G-Portálon a Blog modulban, hogy egy képszerkesztővel rászerkesztettük a kiemelt képre a címet és már úgy lett feltöltve a képtárba
Blog téma G-Portálra 2.0 Betűtípus kereső Teszteld oldalad felbontását URL cím értelmezése CSS kód beillesztése G-Portálra
Képes project szövegdoboz

A Képes üdvözlő szövegdoboz után elhoztam a másik nagy népszerűségnek örvendő szövegdobozt is. Ez a Képes project szövegdoboz. Ebbe írható például leírás a kedvenceitek aktuális munkálatairól vagy ismertető egy filmjéről rövidebben, stb. Az átalakításához csak a képzelet szab határt :)

 

 

Természetesen többféleképpen is belehet kódolni az ilyen és hasonló dobozokat. Az általam készített kód ez:

 

Szövegdoboz kódja

 

<div id="project">
<div class="project-bg">
<img align="left" class="block-img" src="a kisképed URL címe" width="70" /> <b>Mozifilm - Max</b><br />
<i>2015. 06. 26</i><br />
<blockquote>
IDE JÖHET A SZÖVEG. IDE JÖHET A SZÖVEG
</blockquote>
</div>
</div>

 

CSS kód hozzá

 

<style type="text/css">
.project-bg{ /* a teljes doboz háttere */
background: #000000;
width: 350px;
padding: 25px 15px;
margin-bottom: -15px;
border-bottom: 5px solid #ADD0EA;
}
.block-img { /* a kiskép kinézete */
padding: 3px;
box-shadow: 5px 5px 5px #000000;
margin: 3px;
-webkit-border-radius: 200px;
-moz-border-radius: 200px;
border-radius: 200px;
}
div[id*="project"] blockquote { /* a tartalom kinézete */
margin: 5px 0px;
padding: 10px;
background: url(ha háttérkép kerül a tartalom mögé, ide kell tenni);
font-family: arial;
font-size: 13px;
text-align: justify;
color: #757575;
line-height: 20px;
}
--></style>

lindadesign Hozzászólások
2 691 megtekintés

Hozzászólások