Hur jag gör mina designer

Många av mina kommentarer handlar om mina designer och läsare som undrar hur jag gör (och nej, det är inte skryt, det är ett faktum).
Och trots att jag har skrivit flera inlägg om hur jag gör kommer frågan tillbaka...SÅ nu kommer jag (för sista gången) att göra ett inlägg om hur man gör snygga och personliga designer :) :
.
*Det här är då ett sätt som jag i stort sätt har kommit på själv (japp, jag tar åt mig äran!) och det är inte säkert att det fungerar för alla, men det är bara att leta upp olika photoshop att ladda ner, vissa är gratis i 30 dagar så under den tiden kan du fixa och lägga in designen...
.
Nu gör jag en gratis design här, som ni sen kan använda om ni vill, det är bara att kopiera hela texten från rutan längst ner och sen gå in på "Design" uppe i menyn, sen "Redigera Stilmall", ta bort allt som står där och lägg in den kopierade texten.
Ett tips är att förhandsgranska innan så att du ser om allt är som det ska. Koden i rutan blev väldigt ihoptryckt, men jag har kollat så den borde funka...
Annars är ett tips att använda temat "Fashion" som finns här på blogg.se eftersom att det är lättast att lägga in koder i (det är det temat som jag alltid använder!)...som vanligt är jag dålig på att förklara ;)
.
Jag vet inte hur många gånger jag säger ordet "okej" i den här videon -.-' Och jag vet att jag pratar sluddrigt, förklarar konstigt och är allmänt förvirrande, men jag försökte iallafall.
Och juste, när jag helt plötsligt börjar snacka om hur viktigt det är att headret är "800", så menar jag 800 px i bredd...vilket jag tydligen glömde säga :P

body { margin: 0px; padding:0px; background: #000000 url(http://i45.tinypic.com/6p6bk6.png); } a { color: #99cc66; } a:hover {color: #ffffff;} #wrapper { clear:none; margin: 0px auto; padding: 0px; width: 800px; background-color: #FFFFFF; } #wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } p { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } #header { background: #FFFFFF url(https://cdn1.cdnme.se/cdn/7-2/1321363/images/2010/bored2_95375654.png) no-repeat right center; padding-left: 0px; padding-bottom:0px; padding-top:0px; margin: 0px 0px 20px; width: 800px; height: 350px; } #side { float: left; width: 180px; margin: 0px; padding: 24px 18px 0px 12px; left:-30px; border-right-width: 3px; border-right-style: solid; border-right-color: #CCCCCC; } #content { overflow: hidden; width: 538px; position:relative; left:0px; padding: 20px 0px; voice-family:"\"}\""; voice-family:inherit; width:538px; float: right; margin: 0px 10px 0px 0px; }html>body #content { width: 538px } #header a { color: #ffffff; text-decoration: none; font-family: arial, Helvetica, sans-serif; font-size: 0px; font-weight: normal; } h1 { font-family: arial, verdana, sans-serif; font-size: 14px; font-weight: bold; color: #000; text-transform:uppercase; margin: 0px; padding: 0px; height: 30px; } h2 { font-family: arial, verdana, sans-serif; font-size: 12px; font-weight: normal; color: #ff0066; margin: 0px; padding: 0px; width: 170px; } /** Entry headers **/ h3 { background: #FFFFFF; font-family: comic sans ms, Helvetica, sans-serif; font-size: 20px; font-weight: bold; padding:10px 10px 10px 0px; color: #ff0066; margin: 0px 0px 10px; text-transform: uppercase; } .navheader { font-family: arial, Helvetica, Sans-serif; font-size: 15px; font-weight: bold; color: #6699cc; padding:5px 5px 0px; margin-bottom:0px; background-color:#ffffff; text-transform: uppercase; } .nav { font-family: comic sans ms, Arial, Helvetica, Sans-serif; font-size: 14px; font-weight: bold; color: #99ff66; margin: 0px; } .nav ul { margin: 0px 0px 12px; padding: 5px 10px 10px; font-weight: normal; background-color: #FFFFFF; } .nav li { list-style: none; padding: 0px 0px 6px 0px; font-weight: normal; } .nav a { color: #ff99cc; } .nav a:hover { color: #ffffff; } /** Post's body text **/ .entrybody { font-family: arial, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: normal; color: #000000; line-height: 150%; margin: 0px 0px 10px; background-color: #ffffff; padding: 10px; } /** 'Posted by' txt **/ .entrymeta { font-family: arial, arial, sans-serif; font-size: 10px; font-weight: normal; color: #99cc66; text-align:right; } .entrymeta a { color: #ff0066; } .entrymeta a:hover { color: #ffffff; } .commentheader { font-family: arial, helvetica, sans-serif; font-size: 11px; font-weight: bold; background-color:#99cc66; padding:5px; color: #FFFFFF; } .commenttext { font-family: scomic sans ms, arial, sans-serif; font-size: 12px; font-weight: normal; color: #000000; line-height: 130%; } .commentmeta { font-family: comic sans ms, arial, sans-serif; font-size: 10px; font-weight: normal; color: #ff0066; margin: 10px 0px 20px 0px } .commentmeta a { color: #6699cc; } .commentmeta a:hover { color: #ffffff; } .commentform { font-family: comic sans ms, arial, sans-serif; font-size: 11px; font-weight: normal; color: #000000; margin: 0px 0px 20px 0px } .separator { border-top: 2px solid #CCCCCC; border-bottom: 0px solid #CCCCCC; margin: 14px 0px 14px 0px } .default { font-family: arial, Helvetica, Sans-serif; font-size: 11px; color: #000000; font-weight: bold; padding: 0px 0px 10px 0px; text-transform: uppercase; } .subside { font-family: "Trebuchet MS" Verdana, Arial, Helvetica, Sans-serif; font-size: 11px; font-weight: normal; padding: 0px 0px 0px 0px; } .xmlButton { border:1px solid; border-color:#FC9 #630 #330 #F96; padding:0 3px; font:bold 10px segoe print, Arial, Helvetica, Sans-serif; color:#FFF; background:#F60; text-decoration:none; margin:0; } .image { border: 2px solid #CCCCCC; background-color:#FFFFFF; padding:2px; margin: 0px 6px 6px 0px; } .thumbnail { border: 2px solid #CCCCCC; background-color:#FFFFFF; padding:2px; margin: 0px 6px 6px 0px; } .video{ padding: 0px 0px 0px 0px; } .fieldName{ font-family: verdana, arial, sans-serif; font-size: 11px; margin: 0px 0px 12px 0px } select{ font-family: verdana, arial, sans-serif; font-size: 11px; } #calendar { color: #333333; font-family: 'Trebuchet MS', Verdana, sans-serif; padding: 0px; text-align: left; background-color: #FFFFFF; margin: 12px 0px 12px 0px; padding: 10px; } #calendar table { padding: 1px; /*border-collapse: collapse;*/ border: 0px; } #calendar table caption { color: #666666; font-family : arial, Helvetica, Sans-serif; font-size : 0.7em; border-bottom: 1px solid #999999; text-align: left; font-weight: bold; text-transform: uppercase; padding: 3px; letter-spacing: .3em; } #calendar table th { text-align: center; font-weight: bold; font-size: xx-small; } #calendar table tr td { border: 1px solid #666666; text-align: center; font-size: xx-small; } #calendar table tr ul { color: #666666; list-style: dot; margin: 0px 0px 0px 20px; padding: 4 0 5 0; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 0.7em; } #calendar table tr td.cssDayMouseOver { border: 1px dotted red; cursor: hand; } #calendar table tr td.cssDayMouseOut { border: 1px solid #666666; } #calendar table tr td.cssEntryBox { border: 1px solid gray; padding: 6px; text-align: left; background: #FFFFFF; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 0.8em; color: #666666; } #calendar table tr td ul li { color: #666666; } #calendar table tr td div.cssDayEntryHeader { font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 0.8em; text-align: left; font-weight: bold; padding: 4; } #calendar table tr td div.cssDayAvailable { text-decoration: underline; text-weight: bold; } form { padding: 10px; background-color: #FFFFFF; margin: 0px 0px 10px; } #profile { font-family: Verdana, Helvetica, Sans-serif; font-size: 11px; font-weight: normal; margin: 0px 0px 0px 0px; padding-left: 16px; } #profile h4{ font-family: Arial, Helvetica, Sans-serif; font-size: 14px; font-weight: bold; color: #666666; text-transform: uppercase; padding: 0px 0px 0px 0px; margin: 0px 0px 6px 0px; } #profile p{ }

Har ni några frågor om videon eller annat är det bara att fråga! :)
Juste, här har ni färgkoderna!

Kommentarer
Postat av: fanny

tack för tipsen, jag tycker det är jättebra att du delar med dej av kunskaperna, eller vad man ska säga ;)

tycker din blogg är jättefin oxå :)

2010-06-26 @ 21:28:13
URL: http://seavallley.blogg.se/
Postat av: ellen

vad hette den där sidan där man kunde göra allt det där?

2010-06-26 @ 22:29:42
Postat av: emma/oldbabydoll

wix.com :)

2010-06-26 @ 22:48:02
URL: http://oldbabydoll.blogg.se/
Postat av: ellen

okej=) Jag hörde inte riktigt va du sa;)

tack!

2010-06-27 @ 12:30:45
Postat av: hanna :D

2010-06-28 @ 19:32:10
URL: http://hannazather.blogg.se/
Postat av: hanna

Haha det ska jag prova. Men jag undrar bara, vad heter det photoshop'et du använder? ... finns så många olika :)

2010-06-28 @ 19:33:32
URL: http://hannazather.blogg.se/
Postat av: hanna

Jag såg videon nu och jag tycker inte alls du pratade sluddrigt ;).

Men jag har skapat ett konto på wix.com och ska göra ett sånt collage. Men hur gör jag på create? det finns en massa att trycka på, vad ska jag trycka på?



Bara en liten undring, tack :)

2010-06-28 @ 20:20:56
URL: http://hannazather.blogg.se/
Postat av: hanna

Hej! förlåt men jag måste bara veta en sak..

Nör jag har lagt in min bild som header, så blir det en vit ram runt header. Asså det hänger ihop med hela blogg innehållet. Jag är så dålig på att förklara men jag hoppas du förstår vad jag menar.. Men hur fick du bort ditt vita?

Svara snabbt!

2010-06-30 @ 13:18:26
URL: http://hannazather.blogg.se/
Postat av: Cornelia

Okej, kalla mig trög men; hur får man runda kanter? Så som du har nu, tex. (A)

2010-06-30 @ 16:57:22
URL: http://crnelia.blogg.se/
Postat av: sophie ♥

tjo

tänkte bara säga att videon var kanon haha

och så ett litet tips bara (usch vad jag känner mig skrytig nu - är inte alls bra på designer men tänkte vara snäll x'dd)

du kan ha vilken storlek som helst på designen testa exempelvis typ 900x340 då blir den lite mer rektangulär sen när du laddar upp ladda upp i 1000 och sen när du är inne i stilmallen så bara ändrar du där det står 800 till 917 kanske eller vad du nu har på designen ;)

hähä långt detta blev men ja :D

2010-06-30 @ 19:21:31
URL: http://sophiebengtssons.blogg.se/
Postat av: Freja

Jättebra tips :D Tack!

2010-07-22 @ 16:03:09
URL: http://frejaolsson.blogg.se/
Postat av: linnea

det går inte att högerklicka på koden ''/

2010-07-29 @ 02:36:02
Postat av: emma/oldbabydoll

Linnea: Det går för mig :/ men prova att tyycka ctrl+c :)

2010-07-29 @ 13:28:02
URL: http://oldbabydoll.blogg.se/
Postat av: Anonym

vilket program är det? :o

2010-09-11 @ 21:55:55
Postat av: Emma/Oldbabydoll

Anonym: Wix.com

2010-09-12 @ 09:29:30
URL: http://oldbabydoll.blogg.se/
Postat av: Amanda

Hej! jag försöker att sätta in header, men den kommer inte i i bloggen. Kan blogg.se ha ändrat stilmallarna?

snälla hjälp mig.

2011-04-10 @ 12:37:12
URL: http://www.amandamarcusson.blogspot.com/
Postat av: Amanda

När jag ska sätta in headern sä blir det konstigt. Jag vet inte vad som är fel. Men de funkar inte, vet inte vilket tema jag ska använda från början så de kan funka, hjälp!



2011-04-15 @ 19:13:28
URL: http://www.amandamarcusson.blogspot.com/

Kommentera mitt inlägg här:
Ditt namn:
Kommer du ofta hit?
E-mail: (som bara jag ser):

Din blogg:

Ordet är ditt:

Trackback
RSS 2.0