2014. márc. 2.

Design bejegyzés (Andrea + Cassidy)

Sziasztok! Készültünk nektek egy nagy design bejegyzéssel, amit örömmel készítettünk el a héten. Kedden kezdtük, és most, hétvégére kész lettünk vele. Lesz benne sok minden, szóval lesz időtök görgetni. :D Mint mindig, a rendeléseket NEM vihetitek el, a többit persze igen, de csak saját használatra.
Jó görgetést!






Ha olvassátok ezt itt, írjatok  chatben, hogy legyen-e olyan lehetőség, hogy én(Cassidy) olyat csinálok, hogy te készítesz egy rajzot, amit nem színezel ki, én azt kiszínezem, és a körvonalát is megszerkesztem egy kicsit, és voilá.Szóval kommenteljetek! Itt egy bemutatókép:

Lábát ne nézd, alapból ilyen volt :D Ezt a barátnőm rajzolta, és megcsináltam Ps-ben, azaz kiszíneztem. Csak szólok, először ő csinálta meg, aztán én, szóval az ötlet tőle származik. :)



Rendelések (Cassidy):






Rendelések: (Andrea B.)





Gifek: (ezt tényleg nagyon sokan kértétek az alábbi témákban, ilyen stílusú gifeket találhattok ebben a bejegyzésben: Crystal Reed, Colton Haynes, csók, kézfogó gif, égbolt, önvédelem, depresszió, Lucy Hale,One Direction)














































































































Színkódok:(narancs, kék, lila, zöld)


Elvihető fejlécek:(Andrea B.)
HA VISZED, AKKOR ÍRD MEG KOMMENTBEN, NÉVVEL (!) ÉS AZT IS, HOGY HOVA VISZED! Ha ezeket nem írod meg, lopásnak számít!




Textúrák:(sötét, színes, stb.)




















































Favicon-ok:

















































PS tutorial:
Mivel mi CS6-ot használunk, így természetesen CS6 tutorialt tudunk csak hozni! De ne aggódjatok,szinte ugyanolyan mint a CS3, meg a többi verzió!

PNG KÉSZÍTÉSE:
1. Nyiss meg egy képet. Nyomj a lasszóra, és fent a "Lágy perem"-nél beállíthatod, hogy mennyire legyen 'lágy'.
2.Menj a szerkesztésre, majd a Másolásra.
3. Fájl<Új<és egy tetszőleges méretet beállíthatsz!De a lényeg, hogy Áttetsző legyen!
4.Mikor megjelenik az új lap, nyomj a szerkesztésre, majd a beillesztésre.
5.Most pedig elmenthetittek PNG formátumban, és kész is!
PNG-k:




























































Fejléc alap:


Inspiráló képek:


































Blogger képek:














































Inspiráló zenék:













Tovább a bejegyzéshez:
Megmutatom, hogy hogyan lehet elérni, hogy ne a teljes bejegyzést mutassa a blog, hanem csak egy részt, majd a "tovább a bejegyzés"-re kattintva megjelenjen az egész poszt! Nos, én most az alapot mutatom be nektek, ezeket persze lehet szerkeszteni HTML-el, de kódot nem tudok most hozni!

Egyébként ez az egész nagyon-nagyon egyszerű, de azért hoztam hozzá képet is!

Tehát megvan a bejegyzésetek!Az egeret oda vigyétek ahol szeretnétek, hogy
megjelenjen majd a tovább a bejegyzéshez kód! Klikkeljetek egyet, hogy
 ott villogjon a kurzor.. Majd a fenti sorban, menjetek arra a kis ikonra,
amit láthattok bekeretezve. (Ugrás beszúrása)

Majd megjelenik egy kis szürke csík. Ez a bejegyzésben majd
 a Tovább a bejegyzéshez kód lesz! Ennyi igazából, semmi extra!
HTML kódok:
Forrás: Aranymeli

1, szövegdoboz:

Kép:


Kód:

<center>


onMouseDown="if (window.event.button == 2) alert ('Copy and use the

code in the code box!');">

<div style="width:300;height:150;

background-color:#keret színkódja; border: 1 solid #színkód;

overflow:auto">

<br>

<center><b>CÍM HELYE</b>

<br>SZÖVEG HELYE <br>
</center>
</ilayer></div>


2, Linkeffekt-Árnyék a linknek

Kód:

<style type="text/css">
a:link, a:visited{
    color: #03c;
    -webkit-transition: 0.5s;
     -moz-transition: 0.5s;
     -o-transition: 0.5s;
     -ms-transition: 0.5s;
     transition: 0.5s;
}
 
a:hover {
    color: #árnyék színe
    text-shadow: -1px 1px 5px #03c, 1px -1px 5px #03c;
}
</style>

3,linkeffekt-Link megvastagszik

Kód:

<STYLE type=text/css>
<!-- a:hover
{font-weight: bolder;  } -->
</STYLE>

4,Függöleges menü
Kép:

Kód:
Az alcímet törölhetitek, oda nem kell semmit írni, ha nem szeretnétek! Ha sok nektek a 7 oldal, akkor értelemszerűen töröljétek. Egy egy doboz, <tr>-től <tr>-ig tart!)

<div align="center">
<table cellspacing="1" cellpadding="3" border="0" align="center" style="left: 0px; width: 100%;">
    <tbody>
        <tr>
            <td valign="top" class="textinput" onMouseOver="rowOverEffect(this)" onMouseOut="rowOutEffect(this)"><a href="az oldal linkje"><b>01.</b>Cím</a><br />
            Alcím</td>
        </tr>
        <tr>
            <td valign="top" class="textinput" onMouseOver="rowOverEffect(this)" onMouseOut="rowOutEffect(this)"><a href="
az oldal linkje"><b>02.</b>Cím</a><br />
            
Alcím</td>
        </tr>
        <tr>
            <td valign="top" class="textinput" onMouseOver="rowOverEffect(this)" onMouseOut="rowOutEffect(this)"><a target="_blank" href="
az oldal linkje"><b>03.</b> Cím</a><br />
           
Alcím<em><br />
            </em></td>
        </tr>
        <tr>
            <td valign="top" class="textinput" onMouseOver="rowOverEffect(this)" onMouseOut="rowOutEffect(this)"><a href="
az oldal linkje/" target="_blank"><b>04.</b> Cím</a><br />
           Alcím</td>
        </tr>
        <tr>
            <td valign="top" class="textinput" onMouseOver="rowOverEffect(this)" onMouseOut="rowOutEffect(this)"><a href="
az oldal linkje" target="_blank"><b>05.</b> Cím</a><br />
            
Alcím</td>
        </tr>
        <tr>
            <td valign="top" class="textinput" onMouseOver="rowOverEffect(this)" onMouseOut="rowOutEffect(this)"><a href="
az oldal linkje" target="_blank"><b>06.</b> Cím</a><br />
           
Alcím</td>
        </tr>
        <tr>
            <td valign="top" class="textinput" onMouseOver="rowOverEffect(this)" onMouseOut="rowOutEffect(this)"><a target="_blank" href="
az oldal linkje"><b>07.</b> Cím</a><br />
            
Alcím</td>
        </tr>
    </tbody>
</table>

Betűtípusok:

December Dear
Signarita Chloe
Signarita Zhai
Vanity Cre
Across The Road
Ani Lazy Day
Applause
Daisy Charming
KG ALL Of Me
Major Label
Nella Sue
Rose Charming
Supernova
Sweet Dreams
Sword Of The Giant
Written Lies
Zentaiges
Karakterek:











Angol lánynevek:
Ez csak egy pár, de ha van rá igény, még hozok! - Andrea 
Aileen 

Aisha 

Alexis 

Asha 

Audry 

Bailey 
Britany 
Casey 
Celsa 
Chasity 
Coleen 
Fanny 
Grayce 
Hailey 
Jasmin 
Jessie 
Kaley 
Kelsey 
Kira 
Kylee 
Leah 
Lilly 
Madison 
Mercy 
Sophia 
Yasmin 

xoxo,
Andrea B. 
Cassidy Badrick

7 megjegyzés:

  1. Ezt a megjegyzést eltávolította a blog adminisztrátora.

    VálaszTörlés
  2. Egyébként....

    "a:hover {
    color: #árnyék színe
    text-shadow: -1px 1px 5px #03c, 1px -1px 5px #03c;"

    a color a betű színét jelöli, ha ráviszitek a kurzort a szövegre, tökfejek.
    ami az árnyék színét jelöli, az a "-1px 1px 5px" és "1px -1px 5px" után következő színkód, a ti esetetekben a #03c
    Röhejesek vagytok, ha nem tudjátok tartani a volt minőséget, inkább zárjatok be.

    bye-bye bitches :*

    VálaszTörlés
  3. (Kedves) Névtelen! A HTML kódok alatt, ki van írva, hogy Forrás: Aranymeli!!
    Ajánlom figyelmedbe, hogy először nézz körül, és utána pofázz, ribancozz le minket, Névvel!
    Miért ne tudnánk tartani az eddigi minőséget?! Eddig is mi tartottuk, nem értem mire célzol! Egy apró hiba, mert félreírtuk, ez neked a röhejes?Klassz, megyünk a sarokba sírni! :(

    VálaszTörlés
  4. Már nem azért, de szerintem meg az gáz, hogy névtelenül pofázol. Szánalom, hogy nem vállalod fel a neved. És akkor mi van, ha onnan hozták? ha? Mások ki sem teszik a forrást, bennük legalább van gerinc! És akkor ők a szánalmasak? -.-"

    VálaszTörlés
    Válaszok
    1. Köszönjük!
      Úgy látszik ennek a névtelennek ennyit ér a majdnem egy hetes munkánk, hogy ribancok vagyunk..
      xx, Andrea B.

      Törlés
  5. Sziasztok! Meg tudnátok mondani, hogy honnan szereztétek meg a photoshop cs6-ot?

    VálaszTörlés
  6. Szia! Anikó torrentről töltötte le, nekem pedig a rendszergazdánk rakta rá a gépemre! :)
    xx, Andrea B.

    VálaszTörlés