lägg två bilder bredvid varandra
12:00:00
Bildlänkar i headern!
18:40:00
<div style="position:absolute; width: BREDD PÅ HEADERpx; x-index:0; left: 99px; top: 99px;"><a title="bloglovin'" href="LÄNK"><img alt="bloglovin" border="0" src="BILDKOD" /></a></div>
Menyn under inläggen?
11:02:20
How to högerklicksskydda!
12:50:28
Jätteenkelt faktiskt! Bara att gå in i kodmallen, skrolla ner till <body> och byta ut det mot <body oncontextmenu="return false">
Skaffa egen domän hos loopia.se
21:34:39
Gå in på http://loopia.se och klicka på "Beställ".
Kryssa i "Jag vill registrera ett nytt domän" och fyll sedan i den domän du önskar. (Tjenare gammal lärare.)
Kolla om domänen är ledig och kryssa i "Beställ". (Missade att göra det på bilden men ni fattar.)
Kryssa i "Endast beställning av domän". Under ser du hur mycket det kommer kosta/år.
Fyll i dina Ägaruppgifter. Kom ihåg att för att köpa en domän måste du vara över 18 så är du yngre skriv din förälders personnummer eller nått ;)
Godkänn avtalsvillkoren och klicka på Beställ. Såklart. Sen ska du bara betala (dina föräldrar vet hur man gör sånt) så får du ett mail med användaruppgifter som du logga in med.
Gå in på "Domän och webb" och välj "Domäninställningar".
Kryssa i "Synka med www.domännamn.se och välj DNS. Välj "A" på typ av pekning och i den andra "Mål-rutan" skriver du in 83.140.163.114 och sparar!
Gå in på din blogg > inställningar > domänpekning & sen fyller du bara i din domän och sparar! :) Inte så svårt om man bara vet hur man gör! :) Men det är ju inget...
Hur du lägger in en pressentation i menyn - önskemål!
19:56:00
En pressentation i en blogg är något jag tycker är grym viktigt. Man vill ju lixom veta vart man kommit! Detta kan verka uppenbart för vissa men jag kommer ihåg när jag precis hade startat min blogg och verkligen inte kunde förstå hur lite text man la in mit i de där koderna kunde hamna i min meny. Det är det jag ska försöka förklara för er nu!
• Börja med att gå in i kodmallen och skrolla ner till <div id="side">.
• Leta nu fram <div class="nav">. Det ligger oftast direk under <div id="side>.
• Där under skriver du sedan din pressentation! :)
• Nu är det bara att klicka på "Spara kodmall"!
• Lägg in precis samma sak i alla kodmallar.
• Om du vill ändra typsnitt, storlek osv. på din pressentationstext går du in i stilmallen och skrollar ner till .nav {
• I bilden under ser du vad du ändrar vart! Sen är det bara att förhandsgranska och spara när du är nöjd!
Som vanlig är det fritt fram att fråga om det inte funkar men vänta någon timme innan du får panik över att det inte händer något - ibland tar det ett tag innan ändringarna "slår igenom".
Hur man flyttar ut menyn från bloggen - repris
20:32:20
2. Kolla hur bred din Meny är. T.ex. 200px;
3. Plussa ihop Content's bredd med Side's bredd. För mig blir det då 900px; Nu ska du göra wrapper så många px; bredare som du vill ha mellanrummet! Vill du t.ex. ha ett mellanrum som är 10px; ska din wrapper vara 910px; bred.
FÖRE:
EFTER:
Mycket lätt som ni kan se! :)
Animerad header gjord i PhotoScape
18:42:52
Tänkte visa det här för er som tycker att Gimp är för svårt. Jag suger på att förklara men det visste ni ju redan så nu kör vi! 
http://anipani.webblogg.se/2012/february/animerad-header.html
Animerad header - blogg.se!
19:50:13
KODMALLEN:
<div id="EmilyPictureBackground">
<img alt="slide show" src="BILDKOD 1" width="BREDDEN PÅ BILDERNA" height="HÖJDEN PÅ BILDERNA" id="EmilyPicture">
</div>
<script type="text/javascript">
RunSlideShow("EmilyPicture","EmilyPictureBackground",
"BILDKOD 1;BILDKOD 2;BILDKOD 3",5);
</script>
Du kan lägga in hur många bilder som helst så länge det är ett ; mellan koderna. Men kom ihåg att det inte ska vara någon efter den sista!
STILMALLEN:
#slideshow {width:BREDDEN PÅ BILDERNApx;}
#slideshow img {
width:BREDDEN PÅ BILDERNApx;
height: HÖJDEN PÅ BILDERNApx;
display: none /*Får absolut inte tas bort!*/
}
#slideshow img.first { display: block } /*Får absolut inte tas bort!*/
Spara allt och sen borde det funka! Gör det inte det är det fritt fram att fråga :)
Shit vad rövit glömsk jag äääär! Den här koden måste in mellan <head> och </head> i alla kodmallar också!
<script type="text/javascript">
// Browser Slide-Show script. With image cross fade effect for those browsers
// that support it.
// Script copyright (C) 2004-2011 www.cryer.co.uk.
// Script is free to use provided this copyright header is included.
var FadeDurationMS=500;
function SetOpacity(object,opacityPct)
{
// IE.
object.style.filter = 'alpha(opacity=' + opacityPct + ')';
// Old mozilla and firefox
object.style.MozOpacity = opacityPct/100;
// Everything else.
object.style.opacity = opacityPct/100;
}
function ChangeOpacity(id,msDuration,msStart,fromO,toO)
{
var element=document.getElementById(id);
var msNow = (new Date()).getTime();
var opacity = fromO + (toO - fromO) * (msNow - msStart) / msDuration;
if (opacity>=100)
{
SetOpacity(element,100);
element.timer = undefined;
}
else if (opacity<=0)
{
SetOpacity(element,0);
element.timer = undefined;
}
else
{
SetOpacity(element,opacity);
element.timer = window.setTimeout("ChangeOpacity('" + id + "'," + msDuration + "," + msStart + "," + fromO + "," + toO + ")",10);
}
}
function FadeInImage(foregroundID,newImage,backgroundID)
{
var foreground=document.getElementById(foregroundID);
if (foreground.timer) window.clearTimeout(foreground.timer);
if (backgroundID)
{
var background=document.getElementById(backgroundID);
if (background)
{
if (background.src)
{
foreground.src = background.src;
SetOpacity(foreground,100);
}
background.src = newImage;
background.style.backgroundImage = 'url(' + newImage + ')';
background.style.backgroundRepeat = 'no-repeat';
var startMS = (new Date()).getTime();
foreground.timer = window.setTimeout("ChangeOpacity('" + foregroundID + "'," + FadeDurationMS + "," + startMS + ",100,0)",10);
}
} else {
foreground.src = newImage;
}
}
var slideCache = new Array();
function RunSlideShow(pictureID,backgroundID,imageFiles,displaySecs)
{
var imageSeparator = imageFiles.indexOf(";");
var nextImage = imageFiles.substring(0,imageSeparator);
if (slideCache[nextImage] && slideCache[nextImage].loaded)
{
FadeInImage(pictureID,nextImage,backgroundID);
var futureImages = imageFiles.substring(imageSeparator+1,imageFiles.length)
+ ';' + nextImage;
setTimeout("RunSlideShow('"+pictureID+"','"+backgroundID+"','"+futureImages+"',"+displaySecs+")",
displaySecs*1000);
// Identify the next image to cache.
imageSeparator = futureImages.indexOf(";");
nextImage = futureImages.substring(0,imageSeparator);
} else {
setTimeout("RunSlideShow('"+pictureID+"','"+backgroundID+"','"+imageFiles+"',"+displaySecs+")",
250);
}
// Cache the next image to improve performance.
if (slideCache[nextImage] == null)
{
slideCache[nextImage] = new Image;
slideCache[nextImage].loaded = false;
slideCache[nextImage].onload = function(){this.loaded=true};
slideCache[nextImage].src = nextImage;
}
}
</script><head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="fadeslideshow.js">
/***********************************************
* Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
<script>var slide1foldername='';</script><script charset="utf-8" src="slide1.js"></script>
</script>
<script>
var mygallery=new fadeSlideShow({
wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
dimensions: [250, 180], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["http://i26.tinypic.com/11l7ls0.jpg", "", "", "Nothing beats relaxing next to the pool when the weather is hot."],
["http://i29.tinypic.com/xp3hns.jpg", "http://en.wikipedia.org/wiki/Cave", "_new", "Some day I'd like to explore these caves!"],
["http://i30.tinypic.com/531q3n.jpg"],
["http://i31.tinypic.com/119w28m.jpg", "", "", "What a beautiful scene with everything changing colors."] //<--no trailing comma after very last image element!
],
displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: "ondemand",
togglerid: ""
})
var mygallery2=new fadeSlideShow({
wrapperid: "fadeshow2", //ID of blank DIV on page to house Slideshow
dimensions: [250, 180], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["http://i26.tinypic.com/11l7ls0.jpg", "", "", "Nothing beats relaxing next to the pool when the weather is hot."],
["http://i29.tinypic.com/xp3hns.jpg", "http://en.wikipedia.org/wiki/Cave", "_new", "Some day I'd like to explore these caves!"],
["http://i30.tinypic.com/531q3n.jpg"],
["http://i31.tinypic.com/119w28m.jpg", "", "", "What a beautiful scene with everything changing colors."] //<--no trailing comma after very last image element!
],
displaymode: {type:'manual', pause:2500, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: "always",
togglerid: "fadeshow2toggler"
})
</script>
Fråga på Webdesignskolan #5
20:44:10
Gå in i stilmallen, lägg in "text-align: center;" under koden för din bakgrund. Svårt att förklara så slänger in ett för/efter exempel!
FÖRE:
body {
margin: 0px;
cursor: ;
padding:0px;
background: #d1d0cb url(LÄNKENTILLDINBAKGRUND) repeat-x;
background-attachment: fixed;
}
EFTER:
body {
margin: 0px;
cursor: ;
padding:0px;
background: #d1d0cb url(LÄNKENTILLDINBAKGRUND) repeat-x;
text-align: center;
background-attachment: fixed;
}
Nu är det bara att göra precis som i det förra tipset men istället för att göra en "liggande" flik, gör den "stående" så att det raka är uppåt. Och om du har flera flikar, ta bort <br> emellan dem. (kodmallen)
Hoppas nu det hjälpte för bättre kan jag inte förklara! :)
