2018. 01. 02.Mi lesz a G-Portállal?
2018. 01. 01.Coppermine | Magyar nyelvű galéria (hungarian.php)
2017. 12. 23.Saját videó beágyazása weboldalba
2017. 12. 18.Coppermine vagy Sosugary galéria?
2017. 12. 18.Coppermine | Egyedi főoldali tartalom
Coppermine Gallery themes

Coppermine Gallery themes
16 napja
24 néző

WordPress themes

WordPress themes
17 napja
26 néző

G-Portál themes

G-Portál themes
17 napja
12 néző

Tumblr themes

Tumblr themes
17 napja
25 néző

Képes project szövegdoboz 32.
388 megtekintés

Készítettem egy új projektdobozt, amiben az a különleges, hogy most .gif képet tettem bele, mert így szerintem nem olyan sablonos. Kicsit így különlegesebb lehet a munkálatok modul. De azért nem kell nagy és sok .gif-et alkalmazni, mert attól lassabban tölt be az oldal, de egy-kettő bőven belefér :) A kódot a demó alatt találjátok. Ha valami nem lenne egyértelmű kérdezzetek nyugodtan.

 

Gilmore girls
Amerikai sorozat | 42 perces
Bemutató: 2000. október 5.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do.

DIV kód

 
<div class="projektdoboz">
<div class="cim">
<b>Gilmore girls</b>
<i>Amerikai sorozat | 42 perces</i>
Bemutató: 2000. október 5.
</div>
<div class="kep"><img src="IDE JÖN A KÉP URL CÍME" style="outline: 1px solid #ffffff; outline-offset: -5px;"></div>
<div class="linkek">
<a href="/" target="new">► galéria</a>
<a href="/" target="new">► hírek</a>
<a href="/" target="new">► hivatalos</a>
</div>
<div class="leiras">
IDE JÖN A TARTALMI RÉSZ
</div>
</div>

 

CSS kód

 
<style>
.projektdoboz {
font-size: 12px;
width: 400px;
line-height: 17px!important;
margin: 0 auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: table; /* fix, ne módosítsd */
}
.cim {
color: #ffffff!important;
margin: 160px 0 0 20px;
position: absolute;
}
.cim b {
color: #ffffff!important;
font-size: 18px;
}
.cim i {
color: #ffffff!important;
font-weight: bold;
}
.kep {
width: 100%;
height: auto;
}
.linkek {
width: 30%;
float: left;
display: flex;
justify-content: center;
flex-direction: column;
}
.linkek a {
padding: 10px 5px;
background: #f0f0f0;
width: 100%;
margin-bottom: 5px;
}
.leiras {
padding: 3px 0 0 10px;
width: 70%;
float: right;
}
</style>




Előző, következő cikk



Jó múltkorában hoztam egy Coppermine Galéria videó tutorialt, de ott az volt a cél, hogy például YouTube videókat lehessen beágyazni a galériába. Most egy olyan leírással jöttem, amiben azt lehet megoldani, hogy akár saját videókat is fel tudjatok tölteni

Készítettem egy újabb ingyenes G-Portálos témát, ami némileg hasonlít a Vanessa Marano és Kristin Kreuk témákhoz. Nem gondoltam volna, hogy azt a két témát így fogjátok szeretni, de örülök neki, hogy így van, ezért készítettem egy harmadikat is hasonló

 



Hozzászólások