Cikkajánló
Készítettem egy új modult a G-Portálon belül, ahova ezentúl teljes G-Portálos kinézetek kerülnek majd fel. Csak CSS témákat mostanában nem fogok már készíteni, mert nincsen hozzá kedvem. Ezért született
A költözésem alatt volt lehetőségem több ingyenes tárhelyet kipróbálni, mert hát egy ilyen tartalmas oldalt nem lehetett egyik napról a másikra elköltöztetni, így ingyenes tárhelyekre regisztráltam először és ott
Mostanában nagy divat lett a dupla aláhúzás a modulfejlécekben. Minden aláhúzás más színű általában. A legtöbb helyen ezt .png képpel oldjátok meg, de simán CSS kóddal is meglehet csinálni,
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 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 539 megtekintés

Hozzászólások