Cikkajánló
A Bővebben link átnevezését már elég sokan tudjátok, nem is ez a legfontosabb része ennek a cikknek. Inkább arról van szó, ahogy az ikont használjátok előtte. Mindenhol úgy látom,
Sziasztok! Már eléggé ideje volt új kinézetet varázsolnom az oldalamra azt hiszem, így ezen a hétvégén szántam rá egy kis időt. Nem vittem túlzásba a dolgot. Nem akartam semmi
Igaz már tegnap feltöltöttem a Bella Thorne .png képeket, de csak ma volt időm kiírni frissnek. A régebbiek mellé még 15 darab új kép készült el. A .png-ket a
Instagram doboz weboldalra Project dobozok és egy Elit csere effekt Elit csere effekt szöveggel és képekkel Lana Del Rey és Kylie Jenner G-Portálos témák Maisie Williams G-Portálos téma
Képes project szövegdoboz 4.
Munkálat címe
2015. 06. 26

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Hírek Online Hivatalos Képek

 

Project doboz kódja

 

<div id="project">
<img align="left" class="block-img" src="/images/scripts/kepvalto/01/002.png" width="120" /> <b>Munkálat címe</b><br />
<i>2015. 06. 26</i><br />
<blockquote>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
<br>
<center><a href="/" class="project-link">Hírek</a> <a href="/" class="project-link">Online</a> <a href="/" class="project-link" target="_blank">Hivatalos</a> <a href="/" class="project-link" target="_blank">Képek</a></center>
</blockquote>
</div>
<br>

 

CSS kód

 

<style type="text/css">
#project {
width: 350px;
}
.block-img { /* a kiskép kinézete */
padding: 6px;
margin: 3px 3px 3px 6px;
background: #E8E8E8;
border: 1px solid #D5D5D5;
}
div[id*="project"] blockquote { /* a tartalom kinézete */
margin: 5px 0px;
background-color: #F8F8F8;
font-family: Arial;
font-size: 13px;
color: #6A6A6A;
padding: 10px;
border: 1px solid #D5D5D5 !important;
}
div[id*="project"] b { /* cím kinézete */
margin: 25px 0px 0px -5px;
width: 100%;
font-family: Arial;
font-size: 14px;
color: #6A6A6A;
padding: 5px;
text-transform: uppercase;
}
div[id*="project"] i { /* dátum kinézete */
font-family: Arial;
font-size: 11px !important;
color: #B9B9B9 !important;
font-weight: bold;
}
a.project-link:link, a.project-link:visited { /* linkek a doboz alatt */
background: #D5D5D5 !important;
color: #ffffff !important;
padding: 8px;
margin: 4px;
font-family: Arial;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
border-bottom: 3px solid #7A7A7A;
line-height: 10px;
}
a.project-link:hover {
background: #939393 !important;
color: #ffffff !important;
text-decoration: none;
font-family: Arial;
font-size: 10px;
border-bottom: 3px solid #7A7A7A;
}
</style>

lindadesign Hozzászólások
1 625 megtekintés

Hozzászólások