Cikkajánló
Hoztam kettő darab idézetblokk kódot. Ezek a a kódok arra szolgálnak, hogy a szélső modulban és a fő modulban lévő idézetblokkok a G-Portálon különbözőek lehessenek. Lásd a képen a
Mostanra már nagyon elterjedtek a mobilok és a tabletek, így nagyon sokan ilyen készülékeken böngésznek weboldalakat. Ezért gondoltam bemutatok egy teljesen egyszerű bővítményt, amivel körülbelül 3 kattintással mobilbarát verziót
Még augusztusban valamikor készítettem háromféle Oldal infó szövegdobozt, amit akkor fel is tettem az oldalra, csak még nem írtam ki. Ha esetleg valaki nem tud magától készíteni az oldalára,
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 10.

 

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

 

<center>
<div id="border">
<div id="date">
Alcím, dátum vagy bármi helye</div>
<img alt="" src="IDE JÖN A KÉP URL CÍME" style="width: 350px; height: 205px;" />
<div id="cim">
Selena Gomez</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: transparent;
color: #000000;
padding: 5px 0px 5px 0px;
margin-top: -10px;
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: #AFDEE6 !important;
color: #ffffff !important;
text-align: center;
text-transform: uppercase;
padding: 8px;
margin: 3px;
display: inline-block;
width: 26%;
text-decoration: none !important;
}
.linkek a:hover, .linkek a:active {
background: #E6E2BC !important;
text-decoration: none !important;
}
hr {
border: 0px;
background: #C3C3C3;
height: 1px;
}</style>

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

Hozzászólások