Pretty baby spin-doktorer http://1apotekonline.com/cialis/ sterling sølv pille kasse
Göm och visa menyinnehåll

Göm och visa menyinnehåll

I detta video tutorial så skriver jag koden. Jag rekommenderar att ni kollar och försöker åtminstone skriva av så att ni kan förstå och lära lite från det ni gör. Men det är inget måste. Gör som ni själv vill. 🙂 (Detta handlar om din .nav bar, vilket ni oftast brukar kalla för eran ”meny”).

Här är i alla fall länken till Youtube-klippet:

CSS koden:

#panel {
 background: #f3f3f3;
 height:auto;
 display: none;
 border:2px solid #000;
 border-top:none;
 border-bottom-right-radius:10px;
 border-bottom-left-radius:10px;
 -moz-border-bottom-right-radius:10px;
 -moz-border-bottom-left-radius:10px;
 -webkit-border-bottom-right-radius:10px;
 -webkit-border-bottom-left-radius:10px;
 text-align:center;
}
.slide {
 margin: 0;
 padding: 0;
 border:2px solid #000;
 background:#f3f3f3;
 box-shadow:0px 0px 10px #000;
 text-align:center;
 height:30px;
 border-top-right-radius:10px;
 border-top-left-radius:10px;
 -moz-border-top-right-radius:10px;
 -moz-border-top-left-radius:10px;
 -webkit-border-top-right-radius:10px;
 -webkit-border-top-left-radius:10px;
 font-weight:900;
}

.slide a:link, .slide a:visited {
 text-decoration:none;
 cursor:default;
}

Javascript koden:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){

$(".btn-slide").click(function(){
 $("#panel").slideToggle(1000); //Hur fort det ska gå
 $(this).toggleClass("active"); return false;
 });

});
</script>

HTML koden:


<p class="slide"><a href="#" class="btn-slide">Klicka här!</a></p>

<div id="panel">

HTML koden ska in precis ovanför <div class=”nav”>

Sista diven:


</div>

Den sista div’en ska in ovanför <img src=”http://stats.blogg.se/?id=${BlogID}” border=”0″ width=”0″ height=”0″ alt=”” />

Demo: http://ddbstrangerz.blogg.se/

Hoppas ni förstår! Lycka till! 🙂

Skribent och ansvarig för DDB. Driver Designa din blogg sedan juni 2015. Har bland annat studerat webbdesign, marknadsföring och online strategier både i Sverige och USA. Jobbar inom IT.

Läs mina andra inlägg

Lämna ett svar

Din e-postadress kommer inte publiceras.