Az oldal menüje
 
Az év weboldala - 2013


Photoshop leírások

Ikonbázis
Galéria
 

 
Címkék

A blogban leggyakrabban használt címkék

 

Neko

Képváltó fejléc script-ek
Képváltó fejléc script-ek : Képváltó fejléc script 4.

Képváltó fejléc script 4.


 
 

Annyi a dolgod, hogy kimásolod a kódokat, beilleszted oldalad forráskód nézetébe, kicseréled a képeket és átírod a CSS-ben a fontosabb adatokat és már használhatod is :)

Script

<script type="text/javascript" src="//aranymeli.gportal.hu/portal/aranymeli/upload/285733_1345279910_00610.js"></script><script type="text/javascript" src="//aranymeli.gportal.hu/portal/aranymeli/upload/285733_1345279909_03120.js"></script><script type="text/javascript">
        $(document).ready(function() {
            carousel();
        });
    </script>

Div

<div id="keret">
    <div id="tabs-wrapper">
        <div id="next"></div>
        <div id="prev"></div>
        <div id="tabs">
            <div class="tab">
                <a href="//aranymeli.gportal.hu/gindex.php?pg=35167314"><img src="//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1345276576_21.jpg" title="A képváltó fejléc script leírását a képre kattintva olvashatod" /></a></div>
            <div class="tab">
                <a href="//aranymeli.gportal.hu/gindex.php?pg=19322271"><img src="//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1345276584_55.jpg" title="A képeket be is tudod linkelni egyesével külön-külön" /></a></div>
            <div class="tab">
                <a href="http://www.facebook.com/pages/lindadesign/236608076356358" target="_blank"><img src="//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1345276592_19.jpg" title="A képek alá információt is tudsz írni az adott menüpontról" /></a></div>
            <div class="tab">
                <a href="//aranymeli.gportal.hu/gindex.php?pg=22993476"><img src="//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1345276599_28.jpg" title="A többi képváltó fejléc script-et itt találod" /></a></div>
            <div class="tab">
                <a href="//aranymeli.gportal.hu/gindex.php?pg=20199690"><img src="//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1345276607_66.jpg" title="G-Portál-os leírások az alapoktól a haladó szintig itt olvasható" /></a></div>
        </div>
        <div class="clear"></div>
        <div class="title"></div>
    </div>
</div>

CSS kód

<style type="text/css">
div.clear { clear:both }

div#keret {
    width: 500px; /* képed szélessége */
    margin: auto;
    border: 0px;
}
div#tabs-wrapper {
    width: 500px; /* képed szélessége */
    height: 300px; /* képed magassága */
    overflow: hidden;
}
div#tabs { position: relative }
div#tabs .tab {
    width: 500px; /* képed szélessége */
    height: 300px; /* képed magassága */
    float: left;
}
div#tabs-wrapper .title {
    color: #897b2e; /* szöveg színe az info sávban */
    padding: 5px;
        text-align: center; /* szöveg elhelyezkedése */
    position: relative;
    top: -50px; /* sáv helyzete felfelé */
    font-family: georgia; /* szöveg betűtípusa */
    font-size: 11px; /* szöveg betűmérete */
    background-color: #d7cb89; /* sáv háttérszíne */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"
}

div#next,
div#prev { /* nyilacskák CSS-e */
    width: 30px;
    height: 30px;
    background-image: url('//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1345278212_71.png');
    position: absolute;
    z-index: 2;
    margin-top: 135px;
    cursor: pointer;
}
div#next {
  margin-left: 500px /* képed szélessége */
}
div#prev {
background: url('//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1345278219_56.png');
    margin-left: -30px
}
--></style>

Források:
http://www.1stwebdesigner.com/css/fresh-jquery-image-gallery-display-solutions/
http://www.tripwiremagazine.com/2012/02/jquery-image-slider-plugins.html
http://www.dynamicwp.net/articles-and-tutorials/top-20-jquery-slideshow-and-image-gallery-tutorials/

Még nincs hozzászólás.
Csak regisztrált felhasználók írhatnak hozzászólást.
 

Szeretnél egy jó receptet? Látogass el oldalamra, szeretettel várlak!    *****    Minõségi Homlokzati Hõszigetelés. Vállaljuk családi házak, lakások, nyaralók és egyéb épületek homlokzati szigetelését.    *****    Amway termék elérhetõ áron!Tudta, hogy az általános tisztítószer akár 333 felmosásra is alkalmas?Több info a weboldalon    *****    Florence Pugh magyar rajongói oldal. Ismerd meg és kövesd az angol színésznõ karrierj&#232;t!    *****    Fele királyságomat nektek adom, hisz csak rátok vár ez a mesebirodalom! - Új menüpont a Mesetárban! Nézz be te is!    *****    DMT Trip napló, versek, történetek, absztrakt agymenés:)    *****    Elindult a Játék határok nélkül blog! Részletes információ az összes adásról, melyben a magyarok játszottak + egyéb infó    *****    Florence Pugh Hungary - Ismerd meg az Oppenheimer és a Dûne 2. sztárját.    *****    Megnyílt az F-Zero Hungary! Ismerd meg a Nintendo legdinamikusabb versenyjáték-sorozatát! Folyamatosan bõvülõ tartalom.    *****    A Cheer Danshi!! nem futott nagyot, mégis érdemes egy esélyt adni neki. Olvass róla az Anime Odyssey blogban!    *****    A 1080° Avalanche egy méltatlanul figyelmen kívül hagyott játék, pedig a Nintendo egyik remekmûve. Olvass róla!    *****    Gundel Takács Gábor egy különleges könyvet adott ki, ahol kiváló sportolókkal a sport mélységébe nyerhetünk betekintést.    *****    21 napos életmódváltás program csatlakozz hozzánk még!Január 28-ig 10% kedvezménnyel plusz ajándékkal tudod megvásárolni    *****    Szeretne egy olyan általános tisztítószert ami 333 felmosásra is elegendõ? Szeretne ha csíkmentes lenne? Részletek itt!!    *****    Új játék érkezett a Mesetárba! Elõ a papírral, ollóval, és gyertek barkácsolni!    *****    Tisztítószerek a legjobb áron! Hatékonyság felsõfoka! 333 felmosásra elengedõ általános tisztítószer! Vásároljon még ma!    *****    Hayashibara Megumi és Okui Masami rajongói oldal! Albumok, dalszövegek, és sok más. Folyamatosan frissülõ tartalom.    *****    A legfrissebb hírek a Super Mario világából és a legteljesebb adatbázis a Mario játékokról.Folyamatosan bõvülõ tartalom.    *****    333 Felmosásra elegendõ! Szeretne gazdaságosan felmosni? Szeretne kiváló általános tisztítószert? Kiváló tisztítószerek!    *****    Ha tél, akkor téli sportok! De akár videojáték formájában is játszhatjuk õket. A 1080°Snowboarding egy kiváló példa erre