Hur jag gör mina designer
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{ }
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å :)
vad hette den där sidan där man kunde göra allt det där?
wix.com :)
okej=) Jag hörde inte riktigt va du sa;)
tack!
Haha det ska jag prova. Men jag undrar bara, vad heter det photoshop'et du använder? ... finns så många olika :)
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 :)
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!
Okej, kalla mig trög men; hur får man runda kanter? Så som du har nu, tex. (A)
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
Jättebra tips :D Tack!
det går inte att högerklicka på koden ''/
Linnea: Det går för mig :/ men prova att tyycka ctrl+c :)
vilket program är det? :o
Anonym: Wix.com
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.
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!
