Wytłumaczenie

Inne  Założony przez  Inaro.

Kilka szczegółów o moim forum i stylu, z którym mam problem:
nazwa stylu: Brak danych
wersja skryptu MyBB: 1.6
adres forum: www.nzwls.pl
opis problemu: Hej, czy pomożecie mi zrobić w MyBB z tego poradnika http://www.dynamicdrive.com/dynamicindex...ontent.htm taka podstronę http://inaro.wrzuta.pl/obraz/powieksz/6SJJMF4B6Hf

A więc tak...
1.
Pobierz plik:
http://www.sendspace.pl/file/d9676b1f4e4bbf64cb2a7dd

2.
Umieść pliki za pomocą klienta FTP na hostingu w głównym katalogu

3.
Wklej
<script type="text/javascript" src="usertabs.js">

/***********************************************
* Tab Content script v2.2- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script
do szablonu headerinclude (na samym dole)

4.
Stwórz nowy arkusz .css w swoim stylu:
usertabs.css
z zawartością:
.usertabs {
    
margin-left0;
    
margin-top1px;
    
margin-bottom0;
    list-
style-typenone;
    
text-alignleft;
    
    
font-size11px;
}

.
usertabs ul {
    
margin0;
    
padding0;
}

.
usertabs li {
displayinline;
margin0;
}

.
usertabs li a {
    
background#B4C1D3;
    
color#2d2d2d;
    
positionrelative;
    
z-index1;
    
border1px solid #939FAE;
    
border-bottom0;
    
padding8px;
    
    
text-decorationnone;
}

.
usertabs li a:visited {
    
color#2d2d2d;
    
text-decorationnone;
}

.
usertabs li a:hover {
    
color#2d2d2d;
    
text-decorationnone;
}

.
usertabs li a.selected {
    
background#303B4A;
    
color#fff;
    
border-color#262D35;
}

.
usertabs li a.selected:hover {
    
text-decorationnone;
}

.
tabcontent {
    
background#cacaca;
    
displaynone;
    
padding5px;
    
border1px solid #999;
    
margin-top7px;
}

.
box-thing {
    
background#f7f7f7;
    
border1px solid #8e8e8e;
    
padding8px;
}

@
media print {
.
tabcontent {
display:block !important;
}




5.
Teraz owe zakładki na nowej stronie tworzysz w ten sposób:
<div id="usertabs" class="usertabs">
<ul>
<li><a href="#" rel="1" class="selected">Tytuł 1</a></li>
<li><a href="#" rel="2">Tytuł 2</a></li>
<li><a href="#" rel="3">Tytuł 3</a></li>
</ul>
</div>

<div id="1" class="tabcontent">
<div class="box-thing">
Zawartość
</div
</div>

<div id="2" class="tabcontent">
<div class="box-thing">
Zawartość
</div>
</div>

<div id="3" class="tabcontent">
<div class="box-thing">
Zawartość
</div>
</div>

<script type="text/javascript">

var mypets=new ddtabcontent("usertabs")
mypets.setpersist(true)
mypets.setselectedClassTarget("link")
mypets.init(0)

</script>
czy można by prosić o ponowny upload pliku http://www.sendspace.pl/file/d9676b1f4e4bbf64cb2a7dd ?
http://www.dynamicdrive.com/dynamicindex...content.js



Użytkownicy przeglądający ten wątek:

1 gości