Hos designadinblogg.se
Publicerat den 

 
Nu hittar ni min senaste gratisdesign på designadinblogg.se! 
Jag blev tipsad av Lari som är grundaren av designadinblogg.se att jag gärna fick skicka in min design till honom så det gjorde jag. Det känns som ett jättebra sätt för att nå ut till fler! 
 
Om denna design blir populär är min plan att göra en ny med ett annat tema ganska snart..
Vad har ni för önskemål i så fall? Det är ju ändå för er jag gör dessa designer så se till att slänga in en kommentar vettja!
Publicerad i:  Bloggdesign, Tips - Bloggdesign, Vardag             |  KOMMENTERA HÄR

Tips - hidden menu
Publicerat den 

Ett snabbt inlägg om hur jag gjort min hidden menu (min meny). Här nedanför har ni koderna för min meny men ni behöver troligen ändra lite grejer beroende på hur er blogg ser ut och hur ni vill att menyn ska se ut men det får ni faktiskt lösa själva. Våga testa er fram!

 

Detta ska läggas in i stilmallen:

.hiddenmenu {
background: #ffffff;
width:240px;
margin-top:-600px;
margin-left:-290px;
position:fixed;
padding-left:30px;
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-ms-transition: 1s ease-in-out;
padding-top: 20px;
font-family: verdana;
font-size: 8px;
letter-spacing: 0.2em;
color: #948F8F;
text-transform: uppercase;
text-align: left;
float:left;
}

.hiddenmenu a{
font-family: verdana;
font-size: 8px;
letter-spacing: 0.2em;
color: #948F8F;
text-decoration: none;

}


.hiddenmenu:hover {
margin-left: -14px;
}

#hiddenmenu {
background-color:transparent;
margin-top:6px;
margin-left:273px;
position:absolute;
padding:12px;
text-align: left;
float:left;
}

 

Detta ska läggas in i ALLA kodmallar (ovanför content):

<div class="hiddenmenu">
<div id="hiddenmenu">
<img src="http://i61.tinypic.com/mt77e1.png">
</div>
<div style="overflow:auto; width: 250px; height: 1800px; border: 1px solid transparent; background-color: transparent; text-align: justify;">LÄGG TILL DITT EGET INNEHÅLL HÄR</div>

 

Hoppas detta har åtminstone hjälpt er en gnutta!

Publicerad i:  Bloggdesign, Tips - Bloggdesign, Vardag             |  KOMMENTERA HÄR

Tips - Infinite scroll
Publicerat den 

Jag har de senaste dagarna fått mycket frågor ang. bloggdesign och jag tänkte börja med att svara på en av dem, hur man kan scrolla i evighet. Detta kallas infinite scroll och man använder sig av script och koder i kodmallarna som göra det möjligt att fortsätta scrolla ner så långt tillbaka på bloggen som det finns inlägg. Man behöver alltså inte bestämma antalet inlägg man vill ha på startsida, kategorisida eller arkivsida.
 
Detta tips är taget från designadinblogg.se och är gjort av den duktiga Sanna. Det är från henne som jag har lärt mig det mesta inom bloggdesign!
 

Lägg detta ovanför </head>:

<script type="text/javascript" src="/static/api.js"></script>

 

Lägg detta precis innan {% for entry in entries %} och det är också viktigt att man inte har en [:20] eller liknande däri, utan det ska stå {% for entry in entries %} och om det inte gör det så byt ut det till {% for entry in entries %}:

{% block entry_loop %}

 

Lägg till detta precis efter {% endfor %} som finns precis innan content avslutas med en </div>,
så lite ovanför <div class=”side”>:

{% endblock entry_loop %}

 

Lägg till detta precis innan </body>:

{% if page in ["index","archive","category"] and last_ts and page %}<script>
if(typeof(bindContentLoader) == 'function') {
bindContentLoader('{{ page }}',$('#content'),{{ last_ts }});
}
</script>{% endif %}

 

Spara och sen är det klart! 

Publicerad i:  Bloggdesign, Tips - Bloggdesign, Vardag             |  KOMMENTERA HÄR
Tidigare inlägg





2015  Augusti, September,

2014  Januari, Februari, Mars, April, Maj, Juni, Juli, September, Oktober,

2013  Januari, Februari, Mars, April, Maj, Juni, Juli, September, Oktober, November, December

2012  Juni, Augusti, September, Oktober, November, December


Follow


Matbloggstoppen
        Follow on Bloglovin