Cikkajánló
Hogy mi az az URL cím? Sok cikkemben írom, hogy pl. másoljátok ki az URL címet. Nekem ez tök egyértelmű, de lehet van olyan, akinek nem az. Szóval az
Nagyon-nagyon sokan kérdeztetek arról, hogy hogyan lehet azt megcsinálni, hogy a Blog modul is egyedi modulstílusú lehessen. Az ez előtti cikk, ami itt volt ennek a helyén, az is
Nem is olyan régen volt egy ilyen kérdés, hogy hogyan lehet a Chat-et így egymás mellé helyezni. Nos, bekódoltam a saját Chat-emet és most ezt a kódot elhoztam nektek
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 Maisie Williams G-Portálos téma
Képes project szövegdoboz 11.

 

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

 

<center>
<div id="border">
<img alt="" src="IDE JÖN A KÉP URL CÍME" style="width: 350px; height: 197px;" />
<div id="date">
Alcím, dátum vagy bármi helye</div>
<div id="cim">
Gabriela Spanic</div>
<div id="text-box">
IDE JÖN A TARTALOM</div>
<hr />
<div class="linkek">
<a href="/">Hivatalos</a> <a href="/">IMDB</a> <a href="/">Képek</a></div>
</div>
</center>

 

CSS kód

 

<style type="text/css">
@import url(https://fonts.googleapis.com/css?family=Euphoria+Script);
#border {
width: 350px;
}
#cim {
font-family: 'Euphoria Script', cursive;
font-size: 40px;
letter-spacing: 0px;
line-height: 100%;
background: transparent;
color: #000000;
border-bottom: 10px solid #ffffff;
padding: 12px 2px 0px 2px;
width: 346px;
}
#date {
font-family: Trebuchet MS;
font-size: 9px;
text-transform: uppercase;
letter-spacing: 4px;
line-height: 100%;
background: #9E3E25;
color: #ffffff;
padding: 5px 0px 5px 0px;
margin-top: 0px;
width: 350px;
z-index: 3;
}
#text-box {
font-family: Arial;
font-size: 12px;
text-align: justify;
line-height: 17px;
background: #ffffff;
color: #8B8B8B;
width: 350px;
}
.linkek {
margin: 0 auto;
margin-top: 8px;
width: auto;
}
.linkek a {
font-family: Arial;
font-size: 12px;
font-weight: bold;
background: #EBEBEB !important;
color: #9E3E25;
text-align: center;
text-transform: uppercase;
border-bottom: 3px solid  #9E3E25;
padding: 8px;
margin: 3px;
display: inline-block;
width: 26%;
text-decoration: none !important;
}
.linkek a:hover, .linkek a:active {
background: #9E3E25 !important;
color: #ffffff;
text-decoration: none !important;
}
hr {
border: 0px;
background: #C3C3C3;
height: 1px;
}</style>

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

Hozzászólások