Designkurs

Det är faktiskt väldigt simpelt!

Välj en bild, (helst i .png format, då man kan placera den vart man vill utan att få en ful vit ruta bakom) ladda upp den i ett inlägg på blogg.se. <img src="http://dittbloggnamn.blogg.se/liteinfo.png" alt="" class="image"/> <div style="position:absolute; left:400px; top:400px;"><img src="http://dittbloggnamn.blogg.se/liteinfo.png"></div> position:absolute; left:400px; (antal pixlar från vänsterkanten) top:400px; (antal pixlar från toppen på bloggen)">

Det är en hel del frågar om hur man ska göra för att få runda hörn på sin blogg. På sidomenyn, på content, wrapper o.s.v! Visst går det går att fixa om man använder sig av bilder, men det kan vara lite klurigt. Jag ska därför visa ett enklare sätt! :)

Observera att detta inte funkar i alla webbläsare. (Fungerar bäst i nyare verisoner av webbläsare)


1. Gå in på fliken "Design" och klicka sen vidare på "Redigera stilmall".


2. Vill du ha runda hörn runt själva bloggen. Letar du upp stycket #wrapper och klistar in:

-moz-border-radius:
15px;border-radius: 15px;

vill ni ha det på sidomenyn letar ni upp #side o.s.v ! :)

Såhär alltså:

Fick även frågan om fallande löv på bloggen, <mce:script type="text/javascript"><!-- /****************************************** * Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html) * Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code * Last updated Nov 9th, 05' by DD. This notice must stay intact for use ******************************************/ //Configure below to change URL path to the snow image var snowsrc="http://jennysmodemix.se/images/2010/eklv-pixel_115848900.png" // Configure below to change number of snow to render var no = 30; // Configure whether snow should disappear after x seconds (0=never): var hidesnowtime = 0; // Configure how much snow should drop down before fading ("windowheight" or "pageheight") var snowdistance = "windowheight"; ///////////Stop Config////////////////////////////////// var ie4up = (document.all) ? 1 : 0; var ns6up = (document.getElementById&&!document.all) ? 1 : 0; function iecompattest(){ return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body } var dx, xp, yp; // coordinate and position variables var am, stx, sty; // amplitude and step variables var i, doc_width = 800, doc_height = 600; if (ns6up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = iecompattest().clientWidth; doc_height = iecompattest().clientHeight; } dx = new Array(); xp = new Array(); yp = new Array(); am = new Array(); stx = new Array(); sty = new Array(); snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc for (i = 0; i < no; ++ i) { dx[i] = 0; // set coordinate variables xp[i] = Math.random()*(doc_width-50); // set position variables yp[i] = Math.random()*doc_height; am[i] = Math.random()*20; // set amplitude variables stx[i] = 0.02 + Math.random()/10; // set step variables sty[i] = 0.7 + Math.random(); // set step variables if (ie4up||ns6up) { if (i == 0) { document.write("<div id=\"dot"+ i +"\" style="\" mce_style="\""POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href="\" mce_href="/2455268/entries/article/143898014/\""http://dynamicdrive.com\"><img src=""+snowsrc+"" mce_src="/2455268/entries/article/143898014/"+snowsrc+"" border=\"0\"><\/a><\/div>"); } else { document.write("<div id=\"dot"+ i +"\" style="\" mce_style="\""POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src=""+snowsrc+"" mce_src="/2455268/entries/article/143898014/"+snowsrc+"" border=\"0\"><\/div>"); } } } function snowIE_NS6() { // IE and NS6 main animation function doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10; doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight; for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); } dx[i] += stx[i]; document.getElementById("dot"+i).style.top=yp[i]+"px"; document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px"; } snowtimer=setTimeout("snowIE_NS6()", 10); } function hidesnow(){ if (window.snowtimer) clearTimeout(snowtimer) for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden" } if (ie4up||ns6up){ snowIE_NS6(); if (hidesnowtime>0) setTimeout("hidesnow()", hidesnowtime*1000) } // --></mce:script>

fick en fråga om skugga bakom inläggen. Då ska ni bara kopiera den här koden:

Gå in på cufón. Höger klicka på download och "save as.."