Cikkajánló
Igaz, már jó régóta megváltozott a Cbox Chat kezelőfelülete, de csak most bírtam rávenni magam, hogy frissítsem a régi leírásokat. De ma ez is megtörtént, így jelenleg minden naprakész
Kettő darab WordPress téma került feltöltésre az oldalra. Egyelőre nincs is több, de majd ha időm engedi, akkor készítek még párat. Én inkább a letisztult kinézeteket kedvelem, szóval abból
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
Prémium téma | Ellie Goulding G-Portálos téma WordPress | Bejegyzés nem jelenik meg a főoldalon Gal Gadot G-Portálos téma Emilia Clarke G-Portálos téma Cole Sprouse 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 655 megtekintés

Hozzászólások