Cikkajánló
Ez a cikk csak egy vélemény a tapasztalataim alapján. Mostanában elég sok Blogspotos oldallal találkozom. Vagyis hát az évek alatt belefutottam már párba és sajnos nem igazán van ezekről
Sziasztok! Azt hiszem megint jó régen nem jelentkeztem, így gyorsan összedobtam egy G-portálos kinézetet. Egyszerű, letisztult, átlátható lett és nem túl színes. A fejléchez van .psd fájl is, így
Egyből az előnézeti képpel kezdek, hogy értsétek miről is van szó. Az a lényeg, hogy ezekkel a kódokkal azt lehet elérni a főoldalon, hogy ugyanúgy egymás alatt jelennek meg
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 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
815 megtekintés

Hozzászólások