designtips!

Permalink Kategori: Designtips
Här kommer ett lite "svårare" tips än förra gången, eller inte svårt men jaja.
Jag tänkte gå igenom 2 saker som jag tycker hjälper till att göra en hel design, eller ja när jag märker dem så blir det liksom "shit vad snyggt jag vill också ha!*-känsla haha.

Tips nummer 1:
Detta tips handlar om att man inte använder blogg.se's standard klocka & datum. Jag personligen tycker det är extremt fult att tex. sekunderna står? Så när jag hittade den här koden, det var kärlek vid första ögonkastet ;)
Iallfall, hur man gör:
Det finns lite olika varianter på hur man vill göra, men jag använder just nu den som är 05 FEB 2013 kl. men det är för att det passar min design bäst och detta är även den jag tänkte tipsa om. 
 
1. Gå in i din kodmall och leta upp  {{ entry.date }} & {{ entry.time }}. (de är brevid varandra)
2. Ersätt det med denna kod: 
<time class="post-meta" datetime="{{ entry.iso8601 }}" pubdate="pubdate">{{ entry.date_time.strftime("%d %b") }} {{ entry.date_time.strftime("%Y") }}, kl. {{ entry.date_time.strftime("%H") }}.{{ entry.date_time.strftime("%M") }}</time>
2. Förhandsgranska och kolla att du är nöjd, sedan spara & gör likadant i alla kodmallar! :)
 
Tips nummer 2:
Avatar brevid kommentaren.
Hittade detta tips nyligen när jag gick in på min favoritbloggdesigntipsarsida (vad man nu säger) och blev typ kär, tycker kommentarerna blir mycket snyggare! Kom ihåg att för detta tips så behöver den som kommenterat ha skickat genom "skicka signerad som inloggad på blogg.se"-knappen och inte genom den vanliga skicka knappen för att något ska hända.
 
1. Leta upp koden <div class="commentheader"> i inläggs-kodmallen.
2. Klistra in denna kod UNDER <div class="commentheader">
{% if comment.avatar %}
<div class="comment-avatar"><img src="{{ comment.avatar }}" width="50px" height="55px"/></div>
{% endif %}
3. Spara!
4. Gå till stilmallen och klistran in denna kod längst ner:
.comment-avatar{
float: left;
margin-left: 0px;
border-left: 2px solid #fff;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
-moz-box-shadow:1px 1px 1px #888;
box-shadow: 1px 1px 3px #888;
padding: 0px 0px 0px 0px;
text-align: left;
margin-bottom: 10px;
margin-right: 10px;
margin-top: -1px;
}
5. Spara! :D
(fin testkommentar jag vet haha)
 
Nästa tips:
- hur man laddar ner nya typsnitt till datorn (funkar överallt, i word, photoshop, paint, överallt).! :D

Kommentarer
Postat av: Anonym

jag fattar inte

Svar: :( och eftersom du är anonym kan jag tyvärr inte hjälpa dig heller, men jag provade just och båda koderna fungerar så det är inte kodernas fel iallafall. Mitt tips är att du verkligen följer stegen till punkt och pricka så lovar jag att det fungerar. Kom ihåg att för tips nummer 2 så behöver den som kommenterat ha skickat genom "skicka signerad som inloggad på blogg.se"-knappen och inte genom den vanliga skicka knappen för att något ska hända. Hoppas det här svaret hjälpte lite iallafall. Kram!
ssiren.blogg.se

2013-03-17 | 14:05:49
Postat av: Stella

skickat "signerat som inloggad på blogg.se"

2013-03-19 | 15:51:41
URL: http://ssiren.blogg.se/
Postat av: Stella

skickat "skicka kommentar"

2013-03-19 | 15:51:58
URL: http://ssiren.blogg.se

Kommentera inlägget här:

Namn:
Kom ihåg mig?

E-postadress: (publiceras ej)

URL/Bloggadress:

Kommentar:

Trackback
RSS 2.0