2017. 11. 20.Képes project szövegdoboz 32.
2017. 11. 18.Videó beágyazása Coppermine galériába 2.0
2017. 11. 16.Coppermine themes
2017. 11. 16.WordPress themes
2017. 11. 15.Új design a LindaDesign-on
png-keszites.flv

PNG kép készítése

demi-lovato.png

Sosugary Gallery themes

lindadesign-fantasy.png

Coppermine Gallery themes

vanessa-marano.png

G-Portál themes

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>


860 megtekintés

Hozzászólások