Var jag har min blogg?

 

varbloggenligger

Det är många som undrar var och på vilken bloggportal jag har min blogg och det är enkelt som en plätt. Jag har inte min blogg på någon bloggportal, utan jag har köpt webbhotell där jag har installerat publiceringsverktyget WordPress.

Med andra ord, jag har inte min blogg på varken blogg.se, blogspot, WordPress.com eller på någon annan bloggportal utan jag har laddat ner publiceringsverktyget WordPress och installerat på min server. :yes

Fråga – Mina smileys!

 

bloggenssmiley

Visst är dom söta? :kärlek Jag laddade ner dom för flera år sen. Dock har skaparen av som skapade dom inte kvar sin sida eller smileysen, men när jag laddade ner dom så hette dom något i stil med ”Grappix/Graphix” (är osäker på namnet och stavningen).. ;)

Nu har jag installerat tillägget Custom Smileys och flyttat alla smileys till huvudmappen där dom vanliga WordPress smileysarna ligger och modifierat så jag använder egna ”koder” för att använda dom ex: för att få :yes så skriver jag : yes fast utan mellanrummet mellan kolontecknet och yes. :) Jag kan se längre fram om jag kan slänga upp en zip fil med alla smileys jag har. :yes

Fråga – Ändra tid & datum på blogg.se

 

tdbloggesse

Som alla som redan bloggar på blogg.se vet så använder dom följande format i sina designer: 2014-06-07 22:25:00. Vilket jag kan tycka är lite trist och fult. Men det kan man enkelt ändra och byta ut till hur man själv vill ha det. Nedan visar jag vad samt var du ska byta ut koden och längre ner i inlägget visar jag också vilka olika värden du kan välja mellan. :)

Följande kod ska du byta ut mot det värdet du vill använda

tidkod

Det finns flera olika värden du kan använda istället för standardvärdet blogg.se använder. Då Sanna har skrivit så bra om det så kopierar jag värdena hon tipsar om och ger henne all cred för det! :yes Jag har inte skapat värdena själv utan dom är kopierade från Sanna.

Vill du exempelvis ha: ”14 Nov, kl 18.56″ så kopiera och klistra in följande:

Vill du exempelvis ha: ”15 Jun 2014, kl. 11.27″ så kopiera och klistra in följande:

Vill du exempelvis ha: ”15/7 2014, kl. 11.27″ så kopiera och klistra in följande:

Vill du exempelvis ha: ”15 Juli 2014, kl. 11.27″ så kopiera och klistra in följande:

Hoppad du som lämnade kommentaren fick svaret på din fråga. Skulle något frågetecken dyka upp så får ni gärna kommentera så hjälper jag er! :)

Designdag idag!

Idag blir det en Designdag i bloggen. Nu när tiden finns så varför inte köra Designdagar? :) Undrar du vad Designdag är för något? Då kan du läsa mer här >

Idag kommer det dyka upp 6 stycken inlägg om lite olika saker. Bland annat några svar på frågorna jag fick samt några frågor jag fick mejlade till mig. :yes Så idag kommer här dyka upp några smaskiga inlägg inom området webb & bloggdesign. Vet dock inte om det kommer dyka upp andra inlägg (eftersom Designdagarna är tillägnade just webb & bloggdesign ämnen) men det får ni kika in och se efter.. ;)

Hoppas ni får en riktigt fin Tisdag! :kärlek

Designdag!

Nu kör vi igång med det jag hade en gång i tiden men som tyvärr rann ut i sanden pga tidsbrist.. :( Nämligen..

designdag3

Så från och med vecka 29 kör vi igång med Designdag. Jag kommer då under en hel dag enbart publicera svar på era frågor tillsammans med guider & tutorials.

Du kan ställa hur många frågor du vill inom webb & bloggdesign samt Photoshop. Tänk dock på att hålla koll på sidan där alla Guider & tutorials finns innan du ställer din fråga/frågor. :)

Men vad är Designdag för något då?

Jo, det är dag då jag tar mig tiden att svara på era frågor inom webb & bloggdesign samt Photoshop. En hel dag där jag i ett enskilt inlägg kommer svara på din fråga du har ställt till mig. Jag kommer bara svara på en fråga per inlägg och kommer lägga upp ca 5-10 (eller fler) inlägg med svar din fråga. Jag kommer därför inte publicera vanliga blogginlägg den dagen Designdagen är utan kommer enbart lägga fokus på Designdagen. Bra va? :)

 

hdef

Ställ din fråga i kommentarsfältet nedan så försöker jag svara på din fråga vid nästa Designdag

Ställ din fråga

nastadd

Nästa Designdag är följande dagar:
Tänk på att ev datum kan ändras.
Tisdagen den 15/7
Onsdagen den 30/7
Tisdagen den 5/8
Torsdagen den 14/8

 

Designtips – Hover effekt på en div class

Många har varit nyfikna på hur man får en hover effekt på en div class när man håller musen över diven. Jag kommer använda mig utav det i min nya design som för övrigt är på ingång. Så det som man först gör är att skapa en hel vanligt div. Titta på mitt exempel:

#folj {
width: 180px;
height: auto;
padding: 10px;
margin-bottom: 20px;
background: #fff;
box-shadow: 0 0 3px 0 #000;
}

Det jag gjorde ovan var att skapa en helt vanlig div class med attributet ”folj” (Tänk på att inte använda åäö i dina divar då om du har internationella besökare på din blogg som använder datorer/webbläsare som inte stödjer åäö för då kommer boxen inte synas för dom och innehållet blir helt tokigt.) där jag ställde in bredden och höjden på boxen samt bakgrund och skugga på boxen.

Men hur jag gör jag sen för att få ”Hover” effekten?

Jo nu när vi har skapat själva diven ”folj” så ska vi nu lägga till hover effekten så att när man håller musen över diven så kommer skuggan att utökas 2px och få en grå ram. Vi skapar en till div med samma namn som den första, tar bort bredd, höjd, padding, margin-bottom, samt bakgrunden. Då boxen hämtar det från ”första” diven. Efter det så lägger vi till :hover efter namnet sen lägger vi till border: 1px solid #f3f3f3; och ökar box-shadow: 0 0 3px 0 #000 till: 0 0 5px 0 #000; Titta på mitt exempel:

#folj:hover {
border: 1px solid #f3f3f3;
box-shadow: 0 0 3px 0 #000;
}

Efter du har skapat css stilen samt sparat din stilmall/css fil så lägger du in själva html koden i din kodmall där du vill ha den. Då lägger du till följande: <div id=”namnetpådindiv”>Valfritt innehåll.</div>Sen kan man alltid positionera, styla sin box/div hur man vill.

Svårare än så är det inte. Nedan kan ni testa på boxen hur det ser ut när man håller musen över boxen. Ni kan även leka lite med koden och testa er fram. :)

Undrar du över något? Behöver du hjälp? Kommentera så svarar jag på dina frågor. :)

Fråga: Hur får man innerskugga på text?

Detta inlägg skulle publicerats häromdagen. Men bloggen samarbetade inte med mig då. :(

[videofyme id="651506" width="500" height="320" class="aligncenter"]

Fick en fråga om hur man får inneskugga på texten i en bakgrundsbild. Så jag gjorde en videoguide. Där jag visar och förklarar för er. :)

HEX-koden för bakgrunden är: d4e9fe ( #d4e9fe ) | psd filen finner ni här »