Rendelt fejléc#6 + Blogdesign#3 - Andrea B.

Sziasztok! Az előbb készítettem el egy blogdesign-t, Diana Sandford-nak.

UI: Holnap egy meglepetéssel készülünk! :)

A fejléc:

ELŐTTE

UTÁNA

xoxo,

Andrea B.

Fejlécverseny eredményhirdetés - Pasztell színek

Sziasztok!

Hát eljött a mai nap is, és itt van az idő, hogy kihirdessük a fejlécverseny győzteseit. Ebony és jómagam -Andrea- döntöttük el, eme kategória nyerteseit! Nagyon sok szép fejlécet küldtetek be, ami jóval meg nehezítette a döntésünket, de sok hezitálás után meghoztuk a végső döntést...

Fejlécverseny eredményhirdetés - Hideg színek

Sziasztok!

Eljött a várva várt nap, ugyanis kihirdessük a fejlécverseny győzteseit! Mint, ahogy a cím is mutassa, most a 'hideg színek' kategória indulóival foglalkozunk. Nehéz döntéseket hoztunk, de végül mégis dűlőre jutottunk. :) Reméljük, hogy a nyertesek örülni fognak, akik pedig nem értek el helyezést, azok ne csüggedjenek, és ne adják fel. :)

xoxo,
Cassidy és Sunshine

200 feliratkozó!

OMFG! A napokban elértük a 200 FELIRATKOZÓT!

Wow, Nagyon Szépen Köszönjük! :)

xx, IYCDI team

Inspiráló képek

Sziasztok!
Egy kis bejegyzéssel érkezem, nincs semmi hozzáfűznivalóm. Kellemes görgetést. :)
Xx

Blogdesign#2 - Andrea B.

Sziasztok!
Azt mondtam, hogy lehet összedobok egy gyors bejegyzést péntekre. Nos, bejegyzés nem lesz, csupán egy kép, vagyis egy blogdesign amit most csináltam! Remélem tetszik L*encii.~-nek!
Véleményeket várok!
PS: Sajnos nem fényképeztem le a blogot az átalakítás előtt!
PPS: A blogon Natalia Bowman modulkódjait alkalmaztam. A neve fel van tüntetve!

True Love

xx, Andrea B.

Próbálkozom + Egy kis infó

Sziasztok!
Már régen volt bejegyzés a blogon, most én hoztam egyet, na jó, ez nem is rendes bejegyzés, csak egy kis infót hoztam.. Ez csupán annyi lenne, hogy már dolgozunk az eredményhirdetésen. Maximum másfél hét múlva fent lesz a blogon.. Addig is persze hozunk bejegyzéseket majd, csak valószínűleg én offline leszek egy darabig, ugyanis holnap edzésem lesz, pénteken, meg hát.. Szóval péntek lesz! :) Hétvégén pedig "pizsibulit" tartunk a legjobb barátnőimmel,elmegyünk moziba, plázába, tehát még ha akarnák sem tudok bejegyzést hozni azon a két napon! Így hát majd valamikor jelentkezem!

(Lehet, hogy péntekig összedobok egy gyors bejegyzést, de nem ígérek semmit!)

Plusz! Még szeretném kikérni a véleményeteket erről a fejlécről. Kezdek megtanulni szerkesztgetni a PhotoShop-pal, ez az első önálló fejléc, amit ezzel a programmal készítettem. Véleményeket várok, miben változtatnátok rajta, vagy min nem? ;)

xoxo,

Andrea B.

Kidőlt a mikulás!

Sziasztok!
Rátaláltam egy tök tuti kis nyereményjátékra, ahol lehet választani kb. 10 NAGYON jó (tényleg szuperek) ajándék közül, és be lehet nevezni a sorsolásra, természetesen ha nyersz, megkapod amit választottál. Szóval ha játszani szeretnétek, kattintsatok az alábbi linkre, mert nem húzom tovább az időt, tessék:

http://mikulas.aegondirekt.hu/?ref=ixvclo


xx Cassidy Badrick

Menüstílusok#1#2#3

Sziasztok!

Mint ígértem, hoztam nektek HTML kódokat, remélem hasznotokra vállnak!

A KÓDOKAT KÖSZÖNÖM ARANYMELINEK!

<table align="center" height="50" width="600">
    <tbody>
        <tr>
            <td align="center">
                <a class="cssmenu" href="LINK1">NÉVl</a> <a class="cssmenu" href=""LINK2">NÉV</a> <a class="cssmenu" href=""LINK3">NÉV</a> <a class="cssmenu" "LINK4 >NÉV</a> <a class="cssmenu" href=""LINK5">NÉV</a> <a class="cssmenu" href="https://www.facebook.com/lindadesign.gportal" target="_blank">Facebook</a></td>
        </tr>
    </tbody>
</table>

<div class="wireframeauramenu">
<ul>
    <li><a href="LINK1">NÉV1</a></li>
    <li><a href="LINK2">NÉV2</a></li>
    <li><a href="LINK3">NÉV3</a></li>
    <li><a target="_blank" href="LINK4">NÉV4</a></li>
    <li><a target="_blank" href="LINK5">NÉV5</a></li>
</ul>
</div>
<p><style type="text/css">
.wireframeauramenu{
   color: #000000;
   font-family: Tahoma;
   font-weight: normal;
   font-style: normal;
   font-size: 12px;
   text-decoration: none;
   width: 100%;}
.wireframeauramenu ul{
   border: 0px solid #BBB;
   padding: 5px;
   margin: 0px;
   text-align: center;
   text-decoration: none;
   overflow: hidden;}
.wireframeauramenu ul li{
   display: inline;}
.wireframeauramenu ul li a{
   color: #000000;
   padding: 6px 12px 6px 6px;
   margin: 0;
   text-decoration: none;
   border-right: 0px dashed #BBB;}
.wireframeauramenu ul li a:hover{
   color: #666666;
   background: transparent url(http://aranymeli.gportal.hu/portal/aranymeli/image/gallery/1270748197_34.gif) center center no-repeat;}
</style></p>

<div align="center">
    <ul class="sonarmenu">
        <li>
            <a href="LINK1">NÉV1</a></li>
        <li>
            <a href="LINK2">NÉV2</a></li>
        <li>
            <a href="LINK3">NÉV3</a></li>
        <li>
            <a href="LINK4">NÉV4</a></li>
        <li>
            <a href="LINK5">NÉV5</a></li>
    </ul>
</div>
<p>
    <style type="text/css">
ul.sonarmenu{
    list-style: none;
        width: 560px;
}

ul.sonarmenu li{
 display: inline;
}

ul.sonarmenu a{
    position: relative;
    display: inline-block;
    color: black;
    text-decoration: none;
    margin: 10px 10px;
    text-transform: uppercase;
    font-family: "Trebuchet MS";
    font-size: 15px;
    letter-spacing: 2px;
    border-bottom: 2px solid transparent;
}

ul.sonarmenu a:hover, ul.sonarmenu a:focus{
    outline: none;
    border-bottom: 2px solid #eeeeee;
}

ul.sonarmenu a::before, ul.sonarmenu a:after{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    border: 12px double rgba(0,0,0,0.1);
    border-radius: 50%;
    content: '';
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
    -moz-transform: translateX(-50%) translateY(-50%) scale(0.2);
    transform: translateX(-50%) translateY(-50%) scale(0.2);
}

ul.sonarmenu a:after{
    width: 60px;
    height: 60px;
    border-width: 6px;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
    -moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
    transform: translateX(-50%) translateY(-50%) scale(0.8);
}

ul.sonarmenu a:hover:before, ul.sonarmenu a:hover:after{
    -webkit-animation: pulsate 1.2s infinite;
    -moz-animation: pulsate 1.2s infinite;
    -ms-animation: pulsate 1.2s infinite;
    animation: pulsate 1.2s infinite;
}

/* ### Keyframe animations ### */

@-webkit-keyframes pulsate{

  30%{
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
  }

    100%{
    opacity: 0.3;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.5);
    }

}

@-moz-keyframes pulsate{

  30%{
    opacity: 1;
    -moz-transform: translateX(-50%) translateY(-50%) scale(1);
  }

    100%{
    opacity: 0.3;
    -moz-transform: translateX(-50%) translateY(-50%) scale(0.5);
    }

}

@-ms-keyframes pulsate{

  30%{
    opacity: 1;
    -ms-transform: translateX(-50%) translateY(-50%) scale(1);
  }

    100%{
    opacity: 0.3;
    -ms-transform: translateX(-50%) translateY(-50%) scale(0.5);
    }

}

@-keyframes pulsate{

  30%{
    opacity: 1;
    transform: translateX(-50%) translateY(-50%) scale(1);
  }

    100%{
    opacity: 0.3;
    transform: translateX(-50%) translateY(-50%) scale(0.5);
    }

}    </style>
</p>

Andrea B.

Rendlet fejlécek#4#5 - Andrea B.

Sziasztok!

Így este nagy unatkozások között elkészítettem 2 rendelt fejlécet. Várom a véleményeket! :)

PS: Holnap hozok pár Brush-t, és Menükódokat, (mint nálunk oldalt: Főoldal,stb), HTML kódokat!

1.színvariáció

2.színvariáció

xoxo

Andrea B.

Gif-ek #11 - Éhezők Viadala

Sziasztok!
Lilla kérésére hoztam pár gif-et. Remélem segítettem. :)
Xx