Cikkajánló
Hat hónap után végre kicsit felfrissítettem az oldalam kinézetét. Eltartott egy darabig mire megálmodtam, hogy hogyan nézzen ki. Eléggé egyszerűre sikeredett, de nekem tetszik. Ez által megismertem kettő darab
Jajj, de nagyon régen nem frissítettem már. Néha időm, néha meg kedvem nincsen hozzá, de most hoztam kettő darab Coppermine galéria témát. Az egyik Alicia Vikaner-rel készült, a másik
Ez is egy olyan leírás, amit azért teszek fel az oldalra, mert már hangzott el kérdés róla. Hogyan lehet olyan modult készíteni, amiben minta is van? Például ez a
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 12.

 

Doboz kódja
A perjelek helyére megy a linkelés (Hivatalos, IMDB, Képek)

 

<div class="welcomebox">
<div class="welcome-box">
<h1>
Gyilkos elmék</h1>
<h2>
Eredeti cím: Criminal Minds</h2>
<h2>
Tévéadó: CBS - USA</h2>
<h2>
Évad: 12. évad</h2>
<div class="linkek">
<a href="/"><i class="fa fa-folder-open" aria-hidden="true"></i> Hírek</a>
<a href="/"><i class="fa fa-television" aria-hidden="true"></i> IMDB</a>
<a href="/"><i class="fa fa-picture-o" aria-hidden="true"></i> Képek</a></div>
<div class="tartalom">
IDE JÖN A TARTALOM<br />
<img alt="" src="IDE JÖN A KÉP URL CÍME" style="width: 300px; height: 120px;" /></div>
</div>
</div>

 

CSS kód

 

<script src="https://use.fontawesome.com/9f3339f954.js"></script>
<style type="text/css">
@import 'https://fonts.googleapis.com/css?family=Great+Vibes&subset=latin-ext';
@import 'https://fonts.googleapis.com/css?family=Glegoo:400,700&subset=latin-ext';
.welcomebox {
margin: 0 auto;
width: 330px;
}
.welcome-box {
margin: 0 5px;
}
.welcomebox h1 {
font-family: 'Great Vibes', cursive;
font-size: 36px;
color: #000000;
font-weight: normal !important;
font-style: normal;
text-align: center;
background: transparent;
margin-bottom: 0px;
}
.welcomebox h2 {
font-family: 'Glegoo', serif;
font-size: 11px;
color: #b2b2b2;
font-weight: normal !important;
font-style: normal;
text-align: center;
background: transparent;
border-bottom: 1px solid #ebebeb;
padding: 0 0 4px 0;
}
.welcomebox .tartalom {
font-family: 'Glegoo', serif;
font-size: 11px;
color: #111111;
text-align: justify;
background: #f9f9f9;
border: 1px solid #ebebeb;
padding: 10px;
margin-top: 6px;
}
.linkek {
margin: 0 auto;
margin-top: 8px;
width: auto;
}
.linkek a {
font-family: 'Glegoo', serif;
font-size: 12px;
font-weight: bold;
background: #EBEBEB !important;
color: #9E3E25;
text-transform: uppercase;
text-align: center;
border-bottom: 3px solid  #9E3E25;
padding: 8px;
margin: 3px;
display: inline-block;
width: 25%;
text-decoration: none !important;
}
.linkek a:hover {
background: #9E3E25 !important;
color: #ffffff;
text-decoration: none !important;
}</style>

lindadesign Hozzászólások
722 megtekintés

Hozzászólások