- foreeveermee.blogg.se

Inför nyår.

Förhoppningsvis så har alla hyffsad koll på vad ni ska bära på julafton, om inte dags att fundera ut det!

Men inför nyår kanske inte allt är riktigt spikat en.. Här kommer iaf lite inspo för er som fortfarande velar:

För nyår! by aasaabrahamsson featuring a nail polish

Ni hittar vart allt kommer ifrån om ni klickar på bilden, kram!

2013-12-22 @ 12:00:00 Permalink Design tips Kommentarer (13) Trackbacks ()

Runwaydreamz och Jeffrey Campbell.

Klicka på bilden för att komma till vart man kan köpa kläderna, och priserna.

♥ Runwaydreamz ♥ by aasaabrahamsson featuring thomas sabo jewelry

2013-09-20 @ 09:44:00 Permalink Design tips Kommentarer (15) Trackbacks ()

Pil upp på bloggen

Hej på er :)

Fick en fråga om hur man får dit en pil vid sidan av bloggen som när man klickar på tar en ända upp på sidan igen.

Så nu ska jag förklara hur man gör ;)

Såhär ser pilen ut:

1. Kopiera texten nedan

#totop a{
    display: block;
    display: none;
    z-index: 999;
    opacity: .8;
    position: fixed;
    top: 100%;
    margin-top: -80px;
    float:right;
    right:100px;
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
    width: 50px;
    line-height: 48px;
    height: 50px;
    padding: 10px;
    background-color: #000; /* Du kan byta färg genom att du först tar bort #000 och skriver in den färg som ska visas när man inte hovrar */
    font-size: 24px;
    text-align: center;
    color: #fff;
    text-decoration:none;
}
 
#totop a:hover {
    background: #900; /*Färg när man hovrar! Byt ut #900 till en annan färg (om du vill) */
}
 
2. Klistra in den i din stilmall
3. Kopera text nedan:



<div id="top"></div>
<div id="totop"><a href="#top">&uarr;</a></div>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(function () {
var scroll_timer;
var displayed = false;
var $message = $('#totop a');
var $window = $(window);
var top = $(document.body).children(0).position(0).top;
$window.scroll(function () {
window.clearTimeout(scroll_timer);
scroll_timer = window.setTimeout(function () {
if($window.scrollTop() <= top)
{
displayed = false;
$message.fadeOut(500);
}
else if(displayed == false)
{
displayed = true;
$message.stop(true, true).show().click(function () { $message.fadeOut(500); });
}
}, 100);
});
});
</script>



4. Klistra in det i kodmallen precis under <body>
 
KLART! :D
Testa skrolla neråt så kommer den nog ploppa fram ;)
 
Kram

2013-02-03 @ 15:09:19 Permalink Design tips Kommentarer (16) Trackbacks ()

Vit tonade bilder vid mouseover

1. Gå till kodmallen och lägg in koden nedan mellan <head> och </head>

<mce:style type="text/css"><!-- img{opacity: 1; -webkit-transition: opacity 0.7s linear; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}  img:hover{opacity: 0.6; -webkit-transition: opacity 0.7s linear; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}  --></mce:style><style  type="text/css" mce_bogus="1"><!-- img{opacity: 1; -webkit-transition: opacity 0.7s linear; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}  img:hover{opacity: 0.6; -webkit-transition: opacity 0.7s linear; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}  --></style>

2. För att ändra hur genomskinlig bilden ska vara så ändrar man: img:hover{opacity: 0.6;

Från 0.1 - 1.0

Lycka till ♥

2012-10-30 @ 14:37:00 Permalink Design tips Kommentarer (0) Trackbacks ()