Designhjälp: Rundade kanter runt dina inlägg.

Igår fick vi en kommentar på bloggen där en tjej frågade om jag kunde visa hur man fick rundade hörn runt sina inlägg. Så jag tänkte svara på den frågan och visa :) Så här löd frågan:

Nike (*****************) om Ang. Design Beställningar:

Hej gick in på din Novellblogg och undrar hur man kan få bubblor runt inläggen, och i menyn? Snälla skriv ett mejl och svara. Är desperat! Btw älskar novellen du håller på och skriver :D 

Checka gärna in min novellblogg. http://abieberworld.blogg.se



Svar: Detta är ett väldigt enkelt sätt att göra det på, eller ja... det finns nog bara ett, haha :D Så här ser det alltså ut på min novellblogg runt alla inlägg:


(Bilden är klickbar!)

 

Det är alltså bara tre enkla steg. Först ska du göra tre olika delar. En top, en mittendel och en botten. Dessa bilder går att göra i antingen PhotoShop eller Paint. Mina ser ut så här:


Top:


Botten:



Jag har inte lagt upp mittenbilden här för det är bara en vit ruta som är anpassad efter content.


När du gör dessa bilder måste du anpassa längd och höjd efter inläggsrutan (content). Det kan du alltid kolla i stilmallen. Efter att du har gjort bilderna laddar du upp alla bilder på bloggen genom att klicka på Skapa>Bild och välj filen. Sedan är det bara att trycka på ladda upp och vänta ;) När du har gjort det ska du lägga in alla delarna på sina platser i stilmallen. Då ska det se ut såhär:

 

•Leta upp delen "/** Entry headers **/". Sedan får du lägga till url(bildadress här) och sedan klistra in bildadressen dör jag har markerat blått. Efter det skriver du in no-repeat;.

 

Koden:

•Gör exat samma med den andra bilden, mittenbilden. Leta upp delen "/** Post's body text **/" och lägg in samma kod som finns ovan i det rödmarkerade området. Med det fins en liten sak du ska ändra; I stället för no-repeat; ska du skriva repeat-y;.
•Nu till sista delen. Gör exakt samma som du gjorde med den alla första bilden. Leta upp delen "/** Posted by' txt **/. Och lägg in koden och bildadressen inom det rödmarkerade området. Men i slutet av denna koden ska det stå no-repeat; som första gången.
Sedan är allt klart! :) Du måste förmodligen uppdatera sidan eller trycka på F5 för att se de nya förändringarna. Nu har du rundade inlägg! Och vill ni veta hur man gör runda kanter på kommentarsrutorna och runt där man kommentera så fråga bara. Skicka en kommentar eller ett mail så tar jag upp det här på bloggen ;) Hoppas detta hjälper, Kram Johanna! :)

Svar på kommentar/Designhjälp ;)

evelineberg om "Love At First Sight" - Del 84
fortsätt att skriva, du är jätteduktig!
men jag bara undrar hur du fick in "månadens fråga" på din förra blogg "justinbiebersweden.blogg.se" för jag har försökt men inte lyckats.. 
snälla svara :) #truebelieber
följ mig gärna på twitter, jag följer tillbaka, bara fråga :)
-> @evelineberg


Jag svarar gärna på den frågan ^_^ Så då ser det ut så här på justinbiebersweden.blogg.se:

(OBS! Har slutat skriva på justinbiebersweden.blogg.se)

Detta är alltså då "Månadens Fråga" och den ligger placerad i sidomenyn. Så då gör man så här:
Gå in på Acepolls.com och tryck på Create A Poll. Då kommer man in till en sida där det står hur man gör ungefär. Fyll i vad det ska vara för fråga, och sedan svarsalternativ under. Så många du vill ;) Sen kan man också ändra design på pollen. Det ser ut såhär:
Då kan man ändra den hur man vill att den ska se ut och så. Man kan välja en färdig design eller fixa & trixa lite med färgkoder i de mindre rutorna. Sen - när du är färdig med designen på rutan - trycker man på knappen Create. Då är det steget färdigt. Sen kommer man in till en sida där det finns olika koder. Då ska man rulla längst ner på sidan och kopiera texten som ligger i den här rutan:
Där i har du din kod till din poll. Nu är det bara att gå in i Kodmallen på din blogg och lägga in den vart du vill ;) Sen är det klart! (Kan vara så att man får ändra på bredden på rutan i koden om den ska passa i menyn!)

Hoppas att svaret hjälpte dig! :) Kram

Om ni vill ha hjälp med något i designväg så är det bara att säga till! ;)