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>

<img src="http://ourworld.cs.com/dcravedates/orange.gif/"

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