Så här beställer du din design:

→ Maila mig med ALLA önskemål du vill ha; färg, typsnitt, tema.
Bifoga ALL text och bilder du vill ha med i designen.

Gör gärna en mall i t.ex. Paint så jag ser på ett ungefär hur du vill ha!

Är själv inte 100% nöjd, men ni som gör åt er själva vet hur petig man är! haha :) Den får duga så länge, pillar väl på den allt eftersom!

Imorgon kommer jag ha en designdag och kommer vara online på min design-msn [[email protected]] för att ta emot beställningar! Är ni snälla så kanske jag bestämmer mig för att ha nåt roligt erbjudande :) Håll utkik på bloggen!

Istället för att försöka hitta rätt inställningar till coola effekter så kan man ladda ner något som kallas "Styles". Med Styles kan du göra i princip vad du vill och hur du vill. Jag ska visa er några exempel:

Ett snyggt hjärta:

(Här har jag använt mig av "custom shape tool" och valt ett hjärta)

Eller en snygg text:



Eller så kan du helt enkelt rita med Styles:


(Här har jag använt mig av brush tool)


Styles kan du till exempel hitta via google eller på Deviantart. Du söker på det du letar efter eller klickar dig runt bland de som finns på sidan jag länkade. Sen laddar du ner dom och sparar dom på ett bra ställe. Jag har sparat mina här → Dator → (välj hårddisk) → Program → Adobe → Adobe Photoshop cs4 → Presets → Style.

För att få upp Styles i din photoshop trycker du på Window → Styles. För svenska lär det ju vara "Fönster - Stilar" har tyvärr ingen aning, då mitt photoshop är på engelska. Hoppas ni har överseende med det! Sedan drar du över dina nya "styles" från mappen där du sparade dom till "styles-rutan" som kom upp i ditt Photoshop.

Hoppas ni förstod något av min förklaring, är något oklart får ni gärna fråga! Jag kommer sakta men säkert lägga ut lite tips här på min blogg, vad tycks om det :)? Förslag på tips? Jag är själv ganska så nybörjare med Photoshop men kan hjälpa er med det jag kan, ska jag vara ärlig så lärde jag mig Styles nyss haha :)

Inom kort (förhoppningsvis) blir det en ny design här på designbloggen. Har haft denna länge och spyr över den. Jag har inga som helst tankar på färg, utseende och layout över huvudtaget, det kommer som det kommer.

Några förslag? :)

Fyfan vad lågt det är att sno designer, layouter och koder av andra bloggdesigner, speciellt när man själv kallar sig för en :s Fyfan vad jag är arg. Det här ska inte behöva hända. Det finns en tjej som MÅNGA har fått handskas med (http://jennysmodemix.se/ , http://jennysbloggdesign.blogg.se/) .

Hon har snott designer av större designerskor som tantkim.blogg.se, malinsofiacalmebring.blogg.se och Candis.se för att ta de jag vet. Och nu mig. Det är förjävligt, förstår inte att man har mage att göra det, om och om igen. När hon blivit tagen på bar gärning om och om igen.

Här har ni bevisen:


1. "Min" kommentars sida och meny   2. Hela "min" layout.



1. Hennes design......   2.  Hennes kommentarsida 3. Hennes meny


Jag vill uppmärksamma er på att om ni ser någon eller henne göra det igen, så är jag supertacksam om ni berättar det för personen som gjort designen, det uppskattas. Som jag lovade i detta inlägg, så får du en gratis design av mig om du gör det :) Personen som uppmärksammade detta har blivit kontaktad och erbjuden en gratis design. Tror ni hon säger ja? ;p haha!

Klicka på bilden för att se hela designen.

Klicka på bilden för att komma till Ewa's blogg.

Kommentarssidan

Tänkte sakta men säkert hjälpa er lite med designandet och ge lite tips då och då. Först ut är hur man gör en Genomskinlig horisontell dropdown meny.

1. Kopiera koden i rutan och lägg in den i din Stilmall [Design → Redigera stilmall] glöm inte att Spara.

#navbar { margin: 0; padding: 0; height: 1em; } #navbar li { list-style: none; float: left; } /* Ändra till right om du vill ha menyn till höger istället*/ #navbar li a { display: block; padding: 3px 8px; background-color: #cccccc; /*Ändra färgen på menyflikarna här*/ color: #fff; /*Ändra färgen på texten här*/ text-decoration: none; font-family: verdana; /*Ändra typsnittet här*/ font-size: 10px; } /*Ändra storleken på texten här*/ #navbar li ul { display: none; width: 10em; /* Ändra bredden på undermenyn här */ background-color: #69f;} #navbar li:hover ul, #navbar li.hover ul { display: block; position: absolute; margin: 0; padding: 0; z-index: 1; } #navbar li:hover li, #navbar li.hover li { float: none; } #navbar li:hover li a, #navbar li.hover li a { background-color: #889988; /*Ändra färgen på undermenyn*/ border-bottom: 1px solid #fff; color: #ffffff; } /*ändra textfärgen på undermenyn här*/ #navbar li li a:hover { background-color: #000000; } /*Ändra färgen när man håller musen över undermenyn*/

2. Gå in i dina kodmallar [Design → kodmallar] och klistra in koden i rutan, där du vill ha din dropdown meny

<ul id="navbar"> <li><a href="#" mce_href="#">Kategori 1</a> <ul> <li><a href="#" mce_href="#">Länk 1</a></li> <li><a href="#" mce_href="#">Länk 2</a></li> <li><a href="#" mce_href="#">Länk 3</a></li> </ul> </li> <li><a href="#" mce_href="#">Kategori 2</a> <ul> <li><a href="#" mce_href="#">Länk 4</a></li> </ul> </li> <li><a href="#" mce_href="#">Länk 5</a></li> <li><a href="#" mce_href="#">Kategori 3</a> <ul> <li><a href="#" mce_href="#">Länk 6</a></li> <li><a href="#" mce_href="#">Länk 7</a></li> <li><a href="#" mce_href="#">Länk 8</a></li> <li><a href="#" mce_href="#">Länk 9</a></li> </ul> </li> </ul>

Obs! Glöm inte att lägga in koden i alla dina 4 sidor i kodmallarna (om du vill att menyn ska finnas på alla sidor).

3. Titta på din design så allting funkar. Nu kan du börja lägga in dina länkar (i kodmallarna). Där det står # ska adressen dit du vill länka stå och där det står "Länk1" är det ordet du länkar. Alltså, vill du länka en person så skriver du bloggnamnet istället för "Länk1" och bloggadressen istället för "#".

Exempel:
<li><a href="#">Länk 1</a></li> = <li><a href="http://shortys.se">Petrahs blogg</a></li>

4. Vill du ha fler länkar och rubriker klistrar du in följande kod som finns i rutan (i dina kodmallar):
<li><a href="#" mce_href="#">Kategori 3</a> <ul> <li><a href="#" mce_href="#">Länk 6</a></li> <li><a href="#" mce_href="#">Länk 7</a></li> <li><a href="#" mce_href="#">Länk 8</a></li> <li><a href="#" mce_href="#">Länk 9</a></li> </ul> </li>



- Ny kategori och underlänkar:
Det lägger du in så här:

<li><a href="#">Kategori 2</a>
<ul>
<li><a href="#">Länk 4</a></li>
</ul>
</li>
<li><a href="#">Länk 5</a></li>
<li><a href="#">Kategori 3</a>
<ul>
<li><a href="#">Länk 6</a></li>
<li><a href="#">Länk 7</a></li>
<li><a href="#">Länk 8</a></li>
<li><a href="#">Länk 9</a></li>
</ul>
</li>
<li><a href="#">Kategori 4</a> ← Där lägger du in koden
<ul>
<li><a href="#">Länk 10</a></li>
<li><a href="#">Länk 11</a></li>
</ul>
</li>
</ul>

- Bara en till underlänk:
Det lägger du till så här:
<li><a href="#">Kategori 2</a>
<ul>
<li><a href="#">Länk 4</a></li>
</ul>
</li>
<li><a href="#">Länk 5</a></li>
<li><a href="#">Kategori 3</a>
<ul>
<li><a href="#">Länk 6</a></li>
<li><a href="#">Länk 7</a></li>
<li><a href="#">Länk 8</a></li>
<li><a href="#">Länk 9</a></li>
</ul>
<li><a href="#">Länk 10</a></li> ← Där lägger du in koden
</li>





Om du vill ha en genomskinlig dropdownmeny lägger du till denna kod längst ner i koden du la in i stilmallarna:
/* opacitet for IE */ filter:alpha(opacity=70); /* opacity: 0.70; filter: alpha(opacity=75); */ /* opacitet CSS3 standard */ opacity:0.70; /* opacitet for Mozilla */ -moz-opacity:0.70;

Tänkte vara lite gullig och berätta för er att Sanna har en designtävling på gång i sin blogg just nu, kika in och tävla vetja! :)