Designtips & frågor » Tobbes


 

plugintips

Jag använder lite olika WordPress plugin. Det finns en hel djungel utav bra och användbara plugin att ladda ner och använda. Men dom jag alltid har aktiverade förutom ett säkerhetsplugin som säkrar min WordPress installation m.m. så använder jag följande:

Bli den första att gilla.

2 veckor sedan    /    Direktlänk   /    Inga kommentarer »

Designtips & frågor

 

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

3 gillar detta inlägget.

2 veckor sedan    /    Direktlänk   /    2 kommentarer »

Designtips & frågor

 

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

Bli den första att gilla.

2 veckor sedan    /    Direktlänk   /    Inga kommentarer »

Designtips & frågor

 

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! :)

Bli den första att gilla.

2 veckor sedan    /    Direktlänk   /    Inga kommentarer »

Designtips & frågor

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

Bli den första att gilla.

2 veckor sedan    /    Direktlänk   /    Inga kommentarer »

Designdag, Designtips & frågor

Har fått frågan vad RGB betyder. Som jag har sagt ett flertal gånger så är Google din bästa vän. ;)

rgbKlicka på bilden för att komma till Google sökningen.

Här under har jag länkat till några sidor som har skrivit vad rgb är och vad det betyder. Men alla borde ändå veta att rgb står för: Red, Green och Blue? :)

Bli den första att gilla.

1 år sedan    /    Direktlänk   /    Inga kommentarer »

Bloggdesign, Designtips & frågor, Webbdesign

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. :)

Bli den första att gilla.

2 år sedan    /    Direktlänk   /    Inga kommentarer »

Bloggdesign, Designtips & frågor, Webbdesign

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 »

Bli den första att gilla.

2 år sedan    /    Direktlänk   /    Inga kommentarer »

Designtips & frågor, Photoshop, Webbdesign

Då är det dags igen för designdag. Och designdagen är imorgon! Så ställ era frågor fram tills 09:00 imorgon så kommer jag svara på era frågor imorgon! :)

Bli den första att gilla.

2 år sedan    /    Direktlänk   /    2 kommentarer »

Designtips & frågor

Åh vad underbar väder det är ute. Vi har 14grader ute. Gick ut innan för att se om posten hade kommit och njöt av hur varm det var ute. :) Idag händer inte allt för mycket. Mår inte så värst bra så ska väl inte göra för mycket. :/ Imorgon ska jag till tandig. Ringde om en akuttid igår. Men min tandläkare hade ingen akuttid förän imorgon. Så får snällt ta alvedon till imorgon. Jävlans tand som ska göra ont. ;)

Nåja. Tänkte höra med er kära läsare. Hur tycker ni min nästkommande design ska se ut? Vad vill ni ha för ”fun ktioner” i den nya designen? :)

Missa för jösses namn inte tävlingen om 4 parfymer!

Bli den första att gilla.

2 år sedan    /    Direktlänk   /    Inga kommentarer »

Allmänt babbel, Bloggdesign, Designtips & frågor