Ny gratis design

» > Gratis designer,
Ny gratis design att ladda ner
 

Senaste gratis designerna

» > Gratis designer,
Nr 45

Se designen live / Ladda ned den här
(Antal nedladdningar: 1)
Nr 44

Se designen live / Ladda ned den här
(Antal nedladdningar: 1)

Nr 43

Se designen live / Ladda ned den här
(Antal nedladdningar: 2)

Glad påsk!

» > Gratis designer,
Jag säger Glad Påsk till er alla med denna gratis design som släpptes för nedladdning idag,
se den och många flera gratis design på designabloggen.com

Senaste gratis designerna

» > Gratis designer,

Gratis design nr 37

 

- Max 700 pixlar breda bilder
Se mer info om hur du ändrar saker i designen
på designens sida

 

Se designen live/ Ladda ned den här
(Antal nedladdningar: )

Gratis design nr 36

 

- Max 700 pixlar breda bilder
Se mer info om hur du ändrar saker i designen
på designens sida

 

Se designen live/ Ladda ned den här
(Antal nedladdningar: )


Gratis design nr 35

 

- Max 700 pixlar breda bilder
Se mer info om hur du ändrar saker i designen
på designens sida

 

Se designen live/ Ladda ned den här
(Antal nedladdningar: )


Gratis design nr 34

 

- Max 700 pixlar breda bilder
Se mer info om hur du ändrar saker i designen
på designens sida

 

Se designen live/ Ladda ned den här
(Antal nedladdningar: )


Gratis design nr 33

 

- Max 800 pixlar breda bilder
Se mer info om hur du ändrar saker i designen
på designens sida

 

Se designen live/ Ladda ned den här
(Antal nedladdningar: )


Gratis design nr 32

 

- Max 700 pixlar breda bilder
Se mer info om hur du ändrar saker i designen
på designens sida

 

Se designen live/ Ladda ned den här
(Antal nedladdningar: )


Gratis design nummer 30

» > Gratis designer,

En design med hösttema precis i sista stund när vi nu närmar oss vintern och jul med prick en månad kvar till julafton. Ladda ned och piffa upp din blogg!
 

Gratis design nummer 29

» > Gratis designer,
 
Vi fortsätter i temat rosa och nu med mörkrosa och den sista gratis designen för denna månad. November bjuder på ett annat och nytt tema.

Nu tar jag lite ledigt och åker söderut till mina goa kusiner (= världens sötaste guddotter) ♥ Nästa vecka händer det massa nya, spännande saker!

Nummer tjugosju

» > Gratis designer,
Nu släpps en ny väldigt enkel design för gratis nedladdning, hoppas den faller någon i smaken :)
Se designen live / Ladda ned den här
 

Nummer tjugosex

» > Gratis designer,
Se designen live / Ladda ned den här
 

Gratis design nr 25

» > Gratis designer,
Nu finns en ny gratis design ute för nedladdning
 
 
Se fler gratis designer av mig här

Design nr 24

» > Gratis designer,
Nu finns en ny gratis design ute för nedladdning
 
 
Se fler gratis designer av mig här

Gratis design: Påskinspirerad

» > Gratis designer,
Nu finns en ny gratis design ute för nedladdning
 
Se designen live här / Ladda ned designen här
 
Se fler gratis designer av mig här
 

Ny gratis design!

» > Gratis designer,
Nu finns ännu en gratis design att ladda hem, se mer här

Egen sida för gratis designer + ny gratis design

» > Gratis designer,
Nu har jag äntligen laddat upp alla gratis designer på min sida, där ser du info om dem, kan se dem live samt ladda hem dem. På sidan står det lite regler och information också som ni måste ta hänsyn till.
 
I och med att denna sida nu blivit klar har jag även släppt design nr 21 som ni ser lite av på bilden här ovan, för att se mer av den och de andra designerna gå in här

Fjärde advent - Lucka 4

» > Gratis designer, Julkalender, Tips - design,
 
I denna, sista och avslutande lucka har du chansen att vinna en valfri design! För att vara med och tävla kommentera detta inlägg eller maila mig på design@camillafamme.se och skriv rubrik "Lucka 4".
 
Två vinnare är dragna och kontaktade via mail, Grattis Cim och Jenny!

 
Se designen live / Ladda ner designen här
Information om hur du lägger in designen samt regler hittar du här
Gör så här för att fixa en tillbaka till toppen-knapp/text:
Steg 1:
Placera ut denna kod [ <a name="top"></a> ] i din kodmall där du vill att "toppen" ska vara, alternativt under headern
 
Steg 2:
Lägg in denna kod i stilmallen för att styra över textstilen
.topp {
font-family: trebuchet ms, verdana, sans-serif;
/*Ändra typsnittet här*/
font-size: 9px;
/*Ändra storleken på texten här*/
font-weight: normal;
color: #979797;
/*Ändra färgen på texten här*/
text-align: right;
/*Ändra till left/center beroende på vart du vill ha texten ligga*/
padding: 4px 2px 4px 2px;
}

.topp a { color: #53454b;
/*Ändra färgen på länken här*/
text-decoration: none; }
.topp a:hover { color: #F3EDE7;
/*Ändra färgen på länken när du håller muspekaren över, här*/ }
 
Steg 3:
Nu ska du placera koden med länken på önskat ställe i din kodmall
Länk med text: <div class="topp"> <a href="#top">Tillbaka till toppen</a></div>
Länk med bild:
<div class="topp"><a href="#top"><img src="adressen till din bild" title="Tillbaka till toppen" border="0"></a> </div>

I gratis designen här ovan har jag lagt in den i kodmallen efter div class="entrymeta"

Tredje advent - Lucka 3

» > Gratis designer, Julkalender, Tips - design,
 
Se designen live / Ladda ner designen här
Information om hur du lägger in designen samt regler hittar du här

 
Nu ska ni även få lära er hur man enkelt får bakgrundsbilden fast och inte försvinner upp när man scrollar ned på sidan.
Lägg då bara enkelt in detta kodstycke i din stilmall under background:
background-attachment: fixed;
 
Så det ser ut så här:
Och om du inte vill att bakgrundsbilden ska repeteras alls,
skriv med no-repeat,
om du vill att den ska repteras i bredd, skriv: repeat-x
om du vill att den bara ska repeteras i längd: repeat-y
 

Andra advent - Lucka 2

» > Gratis designer, Julkalender, Tips - design,
 
Se designen live / Ladda ner designen här
Information om hur du lägger in designen samt regler hittar du här
 
I och med det nya blogg.se kom även möjligheten att skapat ett inlägg i flera kategorier samt skriva taggar till inläggen som ökar sökbarheten i din blogg.
Som jag exempelvis har gjort här:
 
Få flera kategorier att synas:
Gå in i kodmall - startsida (logga in - kugghjul - design - redigera kodmallar)
 
 Sök upp koden som ser ut så här:
<a href=”{{ entry.category_link }}”>{{ entry.category_name }}</a>
Ta bort denna ↑ och ändra till ↓:
{% for category in entry.categories %}<a href="{{ category.link }}">{{ category.name }}</a>, {% endfor %}
 
Spara och gör sedan detta i alla kodmallar (startsida, inlägg, arkiv, kategorier)
 
Få taggar att synas:
För att få taggar att synas börjar du med samma sak, gå in i kodmallarna.
Nu väljer du själv vart du vill ha detta ligga men alternativt kan man ju lägga det direkt efter kategori-koden eller någonstans där i närheten, den koden ser ut så här:
 
{% for tag in entry.tags %}
<span>{{ tag }}</span>,
{% endfor %}
 
Spara och gör sedan detta i alla kodmallar (startsida, inlägg, arkiv, kategorier)
 
För att få ett bättre helhetsintryck över hur koden kan se ut får ni se hur det ser ut i min kod:
 

Första advent - Lucka 1

» > Gratis designer, Julkalender, Tips - design,
 
Se designen live / Ladda ner designen här
Information om hur du lägger in designen samt regler hittar du här

Med denna design medföljer även headern i .psd-format (photoshop-format)
så att man kan ändra headerbilderna om man vill.
 
Kod för fallande snö på bloggen
I. Kopiera denna kod:

<script type="text/javascript">
Width =1000; // ange bredden på sidan som ska snöflingorna ska falla
Height =2000; // ange höjden på sidan som ska snöflingorna ska falla
Count =25; // antal snöflingor OBS! ange inte för stort antal!
MaxStep=3; // max steg i rörelsen
MinStep=1; // min steg i rörelsen
MaxFlake=10; // max storlek på snöflinga
MinFlake=4; // min storlek på snöflinga

PosX = new Array();
PosY = new Array();
StepX = new Array();
StepY = new Array();
StarSize=new Array();

for (i = 0; i < Count; i++) {
PosX[i] = Math.random()*Width;
PosY[i] = Math.random()*Height;
StepX[i] =MinStep+Math.random()* -MaxStep;
StepY[i] =MinStep+Math.random()* MaxStep;
StarSize[i]=MinFlake+Math.random() * MaxFlake;

document.write("<div id='Obj" + i + "' style='position:absolute; left:0px; top:-20px; z-index:10000; visibility:hidden; color:#fff; font-weight:normal; font-family:Verdana; font-size:"+StarSize[i]+"pt'>•</div>");
}

function animate() {
for (i = 0; i < Count; i++) {
PosY[i] += StepY[i];
PosX[i] += StepX[i];

document.getElementById("Obj"+i).style.visibility = "visible";
if (PosY[i] > Width || PosX[i] > Height || PosX[i]<0) { // starta om från toppen av sidan när mitten nås
PosX[i] = Math.random()*Width; ///2
PosY[i] = -20;
StepX[i] = MinStep+Math.random()* -MaxStep;
StepY[i] = MinStep+Math.random()* MaxStep;
}

document.getElementById("Obj"+i).style.top = PosY[i] + "px";
document.getElementById("Obj"+i).style.left = PosX[i] + "px";
}
setTimeout("animate()", 50);// hastighet
}

setTimeout("animate()", 1000);

</script>
 
II. Lägg in denna kod i kodmallarna mellan <head> och </head> någonstans
 
III. Där det är markerat här nedan är där du kan ändra färg samt symbol i din kod
Exempel på symboler man kan ha istället: ★ ☆ ✰ ✭ ✰ ✳ ❅ ☃ ♥ ❤ ❤ ❦ ♩ ♪ ♫ ♬
Exempel på färger hittar du här
 
För att ändra antalet flingor, bredd, höjd, storlek osv se guide-koden som ligger högst upp i kodstycket.

Nysläppta gratis designer

» > Gratis designer,
Efter förra gångens släpp av två gratis designer fick jag mycket bra respons men även en önskan om mer killiga designer, mörka och stilrena så detta är vad som det nu bjuds på gånger två!
 
Se live / Ladda ned
 
Se live / Ladda ned
 
Hur du gör för att lägga in designen på din blogg sen kan du se i detta klipp som är gjort av DDB:
zip-fil = rar.fil
winzip = winrar
Inne på blogg.se klicka på kugghjulet längst upp bredvid arkiv och välj design för att komma till stilmall & kodmallar
 
Lycka till nu & hoppas ni gillar dom! Lämna gärna en liten kommentar om ni laddar ned någon av dem =)
P.S. Designerna är även skickade till DDB:s gratisdesignarkiv men vet ej hur lång tid det tar innan de kommer upp där pga omständigheterna med Lari som driver sidan.
Och kom ihåg att ni INTE får ta bort design av loggan i menyn!

2 gratisdesigner släppta!

» > Gratis designer,
 
 
För att se designerna "live" klicka på denna vardera rubrik för att se designerna live, "Höstens början" och "Rosa sensommar (Pink flowers hos DDB)" dessa designer är likadant uppbyggda men med olika färgteman och header.
 
Hur du gör för att lägga in designen på din blogg sen kan du se i detta klipp som är gjort av DDB:
zip-fil = rar.fil
winzip = winrar
Inne på blogg.se klicka på kugghjulet längst upp bredvid arkiv och välj design för att komma till stilmall & kodmallar
 
Lycka till nu & hoppas ni gillar dom! Lämna gärna en liten kommentar om ni laddar ned någon av dem =)
P.S. Designerna är även skickade till DDB:s gratisdesignarkiv men vet ej hur lång tid det tar innan de kommer upp där pga omständigheterna med Lari som driver sidan.

Gratis design #12

» > Gratis designer,
Denna design gjorde jag för ca 1 år sedan men har inte kommit upp på DDB's sida förrän nu, ta del av den här
Tidigare inlägg