Cikkajánló
Telepítést és hasznos leírásokkat ezeken a linkeken olvashattok:   WordPress hozzászólások importálása Disqus-be Disqus használata bővítménnyel Legfrissebb bejegyzések megjelenítése az oldalsávban   Ebben a cikkben most pár szóban megismertetem
Hoztam egy újabb WordPress bővítményt kérésre, ami arra szolgál, hogy a sablonban bárhová betudtok szúrni közösségi ikonokat vagy szimpla ikonokat például a cikkekhez a dátum, cikkíró, kategóriák elé vagy
Hasznosabb kódokat már jó régen nem hoztam, így ma összedobtam három féle új script-et. A kódok előnézeti képei láthatóak a kiemelt képen. Kettő darab project dobozt készítettem. Ebből az
Emma Roberts G-Portálos téma Instagram doboz weboldalra Project dobozok és egy Elit csere effekt Elit csere effekt szöveggel és képekkel Lana Del Rey és Kylie Jenner G-Portálos témák
Képes project szövegdoboz 15.

 

Ikon kódja

 

<script src="https://use.fontawesome.com/9f3339f954.js"></script>

 

Szövegdoboz kódja

 

<div class="projekt">
<div class="kep"><img src="IDE JÖN A KÉP URL CÍME"></div>
<div class="info">
<strong>Film címe</strong><br>
<em>Eredeti címe:</em> Lorem ipsum<br>
<em>Karaktere:</em> Lorem ipsum<br>
<em>Státusz:</em> Lorem ipsum<br>
<em>Kiadás éve:</em> Lorem ipsum<br>
<a href="/"><i class="fa fa-info-circle" aria-hidden="true"></i> IMDB</a>    <a href="/"><i class="fa fa-external-link" aria-hidden="true"></i> Hírek</a>    <a href="/"><i class="fa fa-camera" aria-hidden="true"></i> Képek</a>
</div>
<div class="tartalom">IDE JÖN A TARTALOM
</div>
</div>

 

CSS kód

 

<style>
.projekt {
width : 350px;
margin : 0 auto;
display : block;
}
.kep {
float : left;
clear : none;
width : 100px;
height: 140px;
margin-bottom: 5px;
}
.info {
font-family: Arial;
font-size: 12px;
line-height: 21px;
width : 225px;
height: 130px;
padding: 5px 0 5px 10px;
background: #EBEBEB;
float : right;
clear : none;
}
.projekt strong {
font-family: Arial;
font-size: 13px;
text-transform: uppercase;
color:#8B6970;
}
.projekt em {
font-family: Arial;
font-size: 12px;
color:#AD9499 !important;
}
.projekt a {
font-family: Arial;
font-size: 11px;
text-transform: uppercase;
padding:5px;
background:#8B6970;
color:#FAFAFA !important;
font-weight:bold;
}
.projekt a:hover {
background:#222222 !important;
}
.projekt .info .fa { /* ikonok */
margin-right:4px;
font-size:11px !important;
color:#EBEBEB !important;
font-style: normal !important;
}
.tartalom {
font-family: Arial;
font-size: 13px;
color: #666666;
line-height: 18px !important;
background: #222222;
text-shadow: 1px 1px 2px #000000;
padding: 10px;
float : left;
clear : none;
width : 330px;
}
</style>

lindadesign Hozzászólások
1 093 megtekintés

Hozzászólások