Tescho

gratis bloggdesign

Gratis bloggdesign – Höstdesign

Okt 05

Här på morgonen kände jag hur kreativitetstermometern höll på att koka över! Därför slängde jag ihop gratismall nr 16! Precis som jag har lovat så blev det en höstdesign. Jag vet att ni kan reglerna, så det behöver vi inte dra upp. Denna gång går det dock inte att förhandsgranska designen ”live”. Ni får nöja er med att se helheten på bild.

En annan sak som är värd att nämna är att allting är automatiskt dvs du behöver inte lägga in en profilbild utan det redigerar du via inställningar > profil & bloggnamn + bloggbeskrivning redigeras under inställningar > blogg inne på din blogg.

Varsågod att ta del av designen!

OBS! Designen fungerar till blogg.se/webblogg.se

1 person gillar artikeln

En liten påminnelse…

Sep 03

Idag är sista dagen att delta i bloggdesignutlottningen. Klicka på bilden för att se mer info!

Psst.. För att medverka i tävlingen ska man posta en rolig historia som har hänt på riktigt (eller någon som du kommer på själv). Att skicka en kommentar med gamla skämt får mig inte att skratta. HITTA PÅ en rolig historia/berätta om något som har hänt dig eller någon omkring dig – inte kopiera andras historier.

Bli först att gilla

Typsnittsfråga

Aug 01

Typsnittet heter Victor Pixel Font och är nerladdat från dafont.com. Det är gratis och där kan man hämta hur många fonter som helst. Glöm inte att ställa in ”none” { hjälpbild } när du använder den här fonten. Annars blir det dåligt resultat.. Ett litet tips så här på söndag kväll :)

Här kan du läsa om andra inlägg som har någonting med typsnitt att göra.

Bli först att gilla

Info ang bildlänken på gratismallarna

Jun 29

Jag förstår inte varför detta är ett svårt område. När man laddar ner en gratismall accepterar man villkor där det står vad som gäller OCH det finns info om detta i mappen med designen. Bildlänken ska sitta kvar så länge du använder mina bilder i designen. Det betyder att du ska ha kvar bildlänken om du byter ut headerbilden då det finns många fler bilder i designen som JAG har gjort. Det är himla trist att stöta på folk som skiter i detta då jag har suttit och knåpat ihop grejer på min fritid. Man blir himla ledsen. Detta handlar inte om reklam. Det är jag som har upphovsrätt till bilderna och därför ska bildlänken sitta där. Jag vill även att de som är nybörjare ska få en chans att kunna lära sig webbdesign genom att t ex börja med en gratismall från mig.

Jag tänkte göra om bildlänken så att det står att designen är en grund hämtad från mig. Ni som använder designmallarna (och alla andra) har ni något förslag på hur ni vill att den ska vara?

Bli först att gilla

Lägg in en inforuta i sidomenyn

Jun 21

Det är ganska svårt att förklara hur man ska göra såvida man inte har en bra grund. Därav knåpade jag ihop en stilmall som har boxar på vänster sida. Om du har blogg.se standardversion som kodmall kommer din profilbild samt beskrivning komma upp automatiskt längst upp i designen (det ändrar du under inställningar > profil).

Jag rekommenderar att du gör detta i en testblogg (skapa en ny blogg och testa designen i den innan du lägger in den i din vanliga blogg).

1 ). Kopiera stilmallen nedan och klistra in den under design > stilmall (glöm inte att ta bort allting som finns där sen tidigare).

body {
margin: 0px;
padding:0px;
background: #cccccc;
}

a {color: #000000; text-decoration:none;}
a:hover {color: #6CA5FF;}

#wrapper {
clear:none;
margin: 20px auto;
padding: 0px;
width: 800px;
}

p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#header {
background: #ffffff url() no-repeat left top;
margin: 0px;
width: 800px;
height: 380px;
}

#side {
float: left;
width: 180px;
margin: 0px;
padding: 10px 0px 0px 0px;
}

#content {
background:#ffffff;
overflow: hidden;
width: 600px;
position:relative;
left:0px;
padding: 10px 0px;
voice-family:"\"}\"";
voice-family:inherit;
float: right;
margin: 10px 0px 0px 0px;
}

#header a {
color: #000;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: normal;
}

h1 {
font-family: arial, verdana, sans-serif;
font-size: 1em;
font-weight: bold;
color: #000;
text-transform:uppercase;
margin: 0px;
padding: 0px;
}

h2 {
font-family: arial, verdana, sans-serif;
font-size: .7em;
font-weight: normal;
color: #333;
margin: 0px;
padding: 0px;
}

/** Entry headers **/
h3 {
background: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
padding: 0px 0px 10px 0px;
color: #000;
border-bottom:1px dashed #000000;
margin: 10px;
}

.navheader {
font-family:  Arial, Helvetica, Sans-serif;
font-size: 1em;
font-weight: bold;
color: #000000;
padding:5px;
background-color:#ffffff;
text-transform: uppercase;
}

.nav {
font-family: Arial, Helvetica, Sans-serif;
font-size: 0.7em;
font-weight: normal;
color: #000000;
}

.nav ul {
margin: 0px 0px 10px;
padding: 5px;
font-weight: normal;
background-color: #FFFFFF;
border: 0px solid #000000;
}

.nav li {
list-style: none;
padding: 0px 0px 2px 0px;
font-weight: normal;
}

.nav a { color: #000000; }
.nav a:hover { color: #6CA5FF; }

/** Post's body text **/
.entrybody {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000000;
line-height: 150%;
margin: 0px 0px 10px;
background-color: #FFFFFF;
padding: 5px 10px 10px 10px;
border: 0px solid #000000;
}

/** 'Posted by' txt **/
.entrymeta {
font-family: verdana, arial, sans-serif;
font-size: .65em;
font-weight: normal;
color: #666;
text-align:right;
}

.entrymeta a { color: #809FFF; }
.entrymeta a:hover { color: #6CA5FF; }

.commentheader {
font-family:  arial, helvetica, sans-serif;
font-size: .70em;
font-weight: bold;
background-color:#809FFF;
padding:5px;
color: #fff;
}

.commenttext {
font-family: verdana, arial, sans-serif;
font-size: .70em;
font-weight: normal;
color: #000;
line-height: 130%;
}

.commentmeta {
font-family: verdana, arial, sans-serif;
font-size: .65em;
font-weight: normal;
color: #999;
margin: 10px 0px 20px 0px
}

.commentmeta a { color: #809FFF; }
.commentmeta a:hover { color: #80FF9F; }

.commentform {
font-family: verdana, arial, sans-serif;
font-size: .70em;
font-weight: normal;
color: #333333;
margin: 0px 0px 20px 0px
}

.separator {
border-top: 0px solid #77B5F0;
border-bottom: 0px solid #77B5F0;
margin: 14px 0px 14px 0px
}

.default {
font-family: Arial, Helvetica, Sans-serif;
font-size: 11px;
color: #333;
font-weight: bold;
padding: 0px 0px 10px 0px;
text-transform: uppercase;
}

.subside {
font-family: "Trebuchet MS" Verdana, Arial, Helvetica, Sans-serif;
font-size: .7em;
font-weight: normal;
padding: 0px 0px 0px 0px;
}

.xmlButton {
border:1px solid;
border-color:#FC9 #630 #330 #F96;
padding:0 3px;
font:bold 10px Verdana, Arial, Helvetica, Sans-serif;
color:#FFF;
background:#F60;
text-decoration:none;
margin:0;
}

.image {
border: 0px dashed #4A6FFF;
background-color:;
padding:5px;
margin: 0px 6px 6px 0px;
}

.thumbnail {
border: 0px dashed #77B5F0;
background-color:;
padding:5px;
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					                                                 *
*****************************************************************************/

#calendar {
color: #333333;
font-family: 'Trebuchet MS', Verdana, sans-serif;
padding: 10px;
text-align: center;
background-color: #FFFFFF;
border: 1px solid #000000;
margin-bottom: 12px;
}

#calendar table {
padding: 1px;
/*border-collapse: collapse;*/
border: 0px;
}

#calendar table caption {
color: #77B5F0;
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 #809FFF;
text-align: center;
font-size: xx-small;
}

#calendar table tr ul  {
color: #BBB;
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 #809FFF;
}

#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;
}

#calendar table tr td ul li {
}

#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;
border: 0px solid #000000;
background-color: #FFFFFF;
margin: 0px 0px 10px;
}

#profile {
background-color: #FFFFFF;
border: 0px solid #000000;
padding: 10px;
margin-bottom: 12px;
font-family: verdana, arial, sans-serif;
font-size: 11px;
}

#profile h4{
display: none;
}

#profile p{

}

2 ). Förhandsgranska stilmallen för att se hur resultatet blir.

3 ). Spara stilmallen. Nu kommer du ha en profilbild samt text längst upp i sidomenyn i en box :)

OBS! Om du vill lägga in egen information + text får man göra det manuellt i kodmallarna. Lägg in det under <div class="nav"> i varje kodmall.

Bli först att gilla

Lägg in en designmall (videoguide)

Apr 08

Jag tänkte komplettera den vanliga guiden med en i videoformat. Nu ska det förhoppningsvis inte komma in fler frågor om att det blir tokigt i kodmallen ”framsida” (dvs att man inte lägger in alla textdokument i kodmallen framsidan). Om din bloggdesign upprepar sig på din bloggs startsida är det alltså fel i kodmallarna. Slutbabblat. Kika på guiden nedan för att aldrig göra fel igen:

1. När jag sparar ner filer hamnar det på mitt skrivbord. I annat fall hamnar det oftast under hämtade filer eller liknande. Läs mer om det här.
2. Jag menar såklart sista kodmallen inte sista arkivsidan.

Bli först att gilla

Ny funktion gällande gratismallarna

Mar 11

1. Du kommer in på sidan där man laddar ner bloggdesignen.

2. Du skickas vidare till en sida med villkor (dvs vad som gäller när man tar del av mina gratismallar).

3. När du godkänner avtalet (läs igenom det noga) så kommer du till sidan där man kan ladda ner en valfri bloggdesign. Om man inte godkänner det skickas du vidare till min startsida. Det finns inga omvägar.

Anledningen till att jag har gjort så här är för att det är så många som tror sig bara kan ta och ta. Jag vet även vilka som godkänner avtalet. Jag har inte rätten till att debitera någon som inte godkänt det (dvs laddat ner en mall innan denna funktion kom till och bryter mot min regel – de blir anmälda på en gång). Om man inte följer reglen har jag alltså rätt till att debitera dig den kostnad bilderna är värda. Man kan jämföra det med att du får ”köpa rätten” till att ta bort min bildlänk. Fast ja, det är ju ingen billig historia.

Nu hoppas jag på att få slippa tråkiga kommentarer om att människor inte vet vad som är rätt & fel :yes:

Bli först att gilla

Problem med att lägga in designmallen

Mar 09

Anledningen till att jag tar upp den här frågan i ett enskilt inlägg är för att det inte går att kommentera hos dig (pga att din kodmall ”inläggssida” är fel).

Jag har en guide om hur man lägger in en designmall här: [ länk ]

Det spelar ingen roll hur designen såg ut innan. Det du gör när du lägger in någon av mina designmallar är att allting blir nytt. De flesta missar att man ska lägga in alla 5 olika textdokument på 5 olika ställen.

Textdokument stilmall ska in på design > redigera stilmall
Textdokument framsida ska in på design > kodmallar > framsida
Textdokument inläggssida ska in på design > kodmallar > inläggssida
Textdokument kategorisida ska in på design > kodmallar > kategorisida
Textdokument arkivsida ska in på design > kodmallar > arkivsida

Jag ska så fort som möjligt köpa en mic till datorn så att jag kan spela in video-guider om hur man gör saker. Någonting som är prioriterat på den biten är hur man lägger in en designmall samt photoshop-guider.

Bli först att gilla

Gratis bloggdesign – nr 15

Mar 05

Precis som rubriken lyder så är gratismallen nr 15 ihopskrapad! Denna gång är det (som det står ovan) en simpel svartvit design (och lite grått) där möjligheten till bilder i headern finns. Jag behöll även den vanliga profilbilden (dvs man slipper ändra i kodmallarna för att få dit en profilbild). Här kan du ladda ner gratismallen.

Som vanligt så besvarar jag dina frågor ang bloggdesign nästa designdag. Om du vill ställa en fråga kan du klicka dig vidare hit (glöm inte att kika igenom de guider som finns innan du ställer din fråga).

Bli först att gilla

Gratis bloggdesign nr 14 – Rocktema

Feb 25

Nr 14 är redo för att bli nerladdad! :wohoo:

Önskemål jag har följt: Rocktema med döskallar, rött, svart, grått, gravar, bredare inlägg (så att det går att publicera större bilder – 700px på detta tema för att vara exakt), boxar, info i headern…och det var väl det. Jag har även låtit ”vanliga” profilbilden sitta kvar. För att ladda upp en profilbild samt annan info (intresse, motto etc) gör du det via inställningar > profil på ditt konto. Inget krångel med att pilla i kodmallarna.

Ladda ner designen här! Glöm inte att läsa reglerna samt var noggrann när du lägger in designen. Om du har frågor ang designen kommer dessa besvaras nästa designdag.

OBS! Gratismallarna fungerar endast för blogg.se/webblogg.se-bloggar.

Bli först att gilla

1 2 3 4 Nästa Till toppen

blogg om foto, webb(design), hus & hem, skapa, kreativitet, hundliv

gratis bloggdesign

Gratis bloggdesign – Höstdesign

En liten påminnelse…

Typsnittsfråga

Info ang bildlänken på gratismallarna

Lägg in en inforuta i sidomenyn

Lägg in en designmall (videoguide)

Ny funktion gällande gratismallarna

Problem med att lägga in designmallen

Gratis bloggdesign – nr 15

Gratis bloggdesign nr 14 – Rocktema

Senaste inlägg

Senaste kvittret

Tescho @ flickr

gratis bloggdesign

Senaste inlägg

Etiketter

Senaste kvittret