[hr][hr] [align=center][b]FYI.[/b] Thread ini udah lama beud sbnr nya. Cuma skrg gw rapihin aja. Biar lebih enak di liat dan gampang di cari. Dan gw minta maap sblm nya buat member yg postingan nya mu
You are viewing a post by metropolix. View all 45 posts in [hr][hr] [align=center][b]FYI.[/b] Thread ini udah lama beud sbnr nya. Cuma skrg gw rapihin aja. Biar lebih enak di liat dan gampang di cari. Dan gw minta maap sblm nya buat member yg postingan nya mu.
2008-06-24 12:49:15
- metropolix
- » FTalkAgent
2341
0
1969-12-31
Re: [hr][hr] [align=center][b]FYI.[/b] Thread ini udah lama beud sbnr nya. Cuma skrg gw rapihin aja. Biar lebih enak di liat dan gampang di cari. Dan gw minta maap sblm nya buat member yg postingan nya mu
[quote][align=center][b]Fade In Content another more about[/b] <<==[i] judulnya ngarang.[/i]. 
[i][b]credit:[/b] [/i]
[url]javascriptkit.com[/url] [/align][/quote]
[b]Description[/b]
[quote] langsung aja nih..
saiia mau share..
disini aja ya..
br gak sumpek halaman depan.. [/quote]
[b]Code[/b]
[spoiler]
pertama download dolo ini...
[url=http://javascriptkit.com/script/script2/contentfader.js]contentfader.js[/url]
[url=http://javascriptkit.com/script/script2/jquery-1.2.2.pack.js]jquery-1.2.2.pack.js[/url]
lalu upload di webhosting kalian..
[quote]<head>
<style type="text/css">
.fadecontentwrapper{ /* Total width: 350px+5px+5px=360px Read relative width relations for the other two containers below! */
position: relative;
width: 350px;
height: 250px; /* Set height to be able to contain height of largest content shown*/
border: 5px solid maroon;
overflow: hidden;
}
.fadecontent{ /*style for each fade content DIV within wrapper. Total width: 330px+10px+10px=350px (".fadecontentwrapper" width minus its padding and borders, if any) */
position: absolute;
background: #ffffff;
padding: 10px;
visibility: hidden;
width: 330px;
}
.fadecontenttoggler{ /*style for DIV used to contain toggler links. Total width: 350px+5px+5px=360px */
width: 350px;
border: 5px solid maroon;
border-top-width: 0;
overflow: hidden;
}
.fadecontenttoggler a{ /*style for every navigational link within toggler */
text-decoration: none;
border-right: 2px solid maroon;
padding: 0 5px;
float: left;
display: block;
font-weight: bold;
color: black;
}
.fadecontenttoggler a:hover{
background: #C03021;
color: white;
}
.fadecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}
.fadecontenttoggler a.prev, .fadecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
color: black;
}
.fadecontenttoggler a.prev:hover, .fadecontenttoggler a.next:hover{
color: white;
background: black;
}
.fadecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #C03021;
color: white;
}
</style>
<script type="text/javascript" src="[b]url jquery-1.2.2.pack.js[/b]"></script>
<script type="text/javascript" src="[b]url contentfader.js[/b]">
/***********************************************
* Fade In Content Viewer script- by JavaScript Kit (www.javascriptkit.com)
* This notice must stay intact for usage
* Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and 100s more
***********************************************/
</script>
<div id="whatsnew" class="fadecontentwrapper">
<div class="fadecontent"><font size='10'>[b]KATA - KATA MENGENAI DIRIMU[/b]
</div>
<div class="fadecontent">
<img src="[b]URL PHOTO KMU([i]klw bisa 100x100 px[/i])[/b]" style="float: right;" />[b]KATA - KATA MENGENAI DIRIMU[/b]
</div>
<div class="fadecontent">
<img src="[b]URL PHOTO KMU([i]klw bisa 100x100 px[/i])[/b]" style="float: right;" />
[b]KATA - KATA MENGENAI DIRIMU[/b]
</div>
</div>
<div id="whatnewstoggler" class="fadecontenttoggler">
<a href="#" class="prev">Prev</a>
<a href="#" class="toc">Page 1</a> <a href="#" class="toc">Page 2</a> <a href="#" class="toc">Page 3</a>
<a href="#" class="next">Next</a>
</div>
<script type="text/javascript">
//SYNTAX: fadecontentviewer.init("maincontainer_id", "content_classname", "togglercontainer_id", selectedindex, fadespeed_miliseconds)
fadecontentviewer.init("whatsnew", "fadecontent", "whatnewstoggler", 0, 400)
</script>
</head>[/quote]
edit yg gw bold aja...
save kode di atas sebagai php file
berikutnya ini save di bagian b
<">[/spoiler]
[b]Note[/b]
[quote]jangan lupa sesuaikan dengan fungsi addbox kalian..
[url=http://h1.ripway.com/imbroken/polos/cobaLagi.php]pripiu[/url]
[spoiler] [img]http://i299.photobucket.com/albums/mm307/nuansa_album/scresut/drup3.jpg[/img] [/spoiler]
[spoiler] [img]http://i299.photobucket.com/albums/mm307/nuansa_album/scresut/drup.jpg[/img] [/spoiler]
udah gitu aja...
kaburr ah.. * 
[/quote]
[i][b]credit:[/b] [/i] [url]javascriptkit.com[/url] [/align][/quote]
[b]Description[/b]
[quote] langsung aja nih..
saiia mau share..
disini aja ya..
br gak sumpek halaman depan.. [/quote]
[b]Code[/b]
[spoiler]
pertama download dolo ini...
[url=http://javascriptkit.com/script/script2/contentfader.js]contentfader.js[/url]
[url=http://javascriptkit.com/script/script2/jquery-1.2.2.pack.js]jquery-1.2.2.pack.js[/url]
lalu upload di webhosting kalian..
[quote]<head>
<style type="text/css">
.fadecontentwrapper{ /* Total width: 350px+5px+5px=360px Read relative width relations for the other two containers below! */
position: relative;
width: 350px;
height: 250px; /* Set height to be able to contain height of largest content shown*/
border: 5px solid maroon;
overflow: hidden;
}
.fadecontent{ /*style for each fade content DIV within wrapper. Total width: 330px+10px+10px=350px (".fadecontentwrapper" width minus its padding and borders, if any) */
position: absolute;
background: #ffffff;
padding: 10px;
visibility: hidden;
width: 330px;
}
.fadecontenttoggler{ /*style for DIV used to contain toggler links. Total width: 350px+5px+5px=360px */
width: 350px;
border: 5px solid maroon;
border-top-width: 0;
overflow: hidden;
}
.fadecontenttoggler a{ /*style for every navigational link within toggler */
text-decoration: none;
border-right: 2px solid maroon;
padding: 0 5px;
float: left;
display: block;
font-weight: bold;
color: black;
}
.fadecontenttoggler a:hover{
background: #C03021;
color: white;
}
.fadecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}
.fadecontenttoggler a.prev, .fadecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
color: black;
}
.fadecontenttoggler a.prev:hover, .fadecontenttoggler a.next:hover{
color: white;
background: black;
}
.fadecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #C03021;
color: white;
}
</style>
<script type="text/javascript" src="[b]url jquery-1.2.2.pack.js[/b]"></script>
<script type="text/javascript" src="[b]url contentfader.js[/b]">
/***********************************************
* Fade In Content Viewer script- by JavaScript Kit (www.javascriptkit.com)
* This notice must stay intact for usage
* Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and 100s more
***********************************************/
</script>
<div id="whatsnew" class="fadecontentwrapper">
<div class="fadecontent"><font size='10'>[b]KATA - KATA MENGENAI DIRIMU[/b]
</div>
<div class="fadecontent">
<img src="[b]URL PHOTO KMU([i]klw bisa 100x100 px[/i])[/b]" style="float: right;" />[b]KATA - KATA MENGENAI DIRIMU[/b]
</div>
<div class="fadecontent">
<img src="[b]URL PHOTO KMU([i]klw bisa 100x100 px[/i])[/b]" style="float: right;" />
[b]KATA - KATA MENGENAI DIRIMU[/b]
</div>
</div>
<div id="whatnewstoggler" class="fadecontenttoggler">
<a href="#" class="prev">Prev</a>
<a href="#" class="toc">Page 1</a> <a href="#" class="toc">Page 2</a> <a href="#" class="toc">Page 3</a>
<a href="#" class="next">Next</a>
</div>
<script type="text/javascript">
//SYNTAX: fadecontentviewer.init("maincontainer_id", "content_classname", "togglercontainer_id", selectedindex, fadespeed_miliseconds)
fadecontentviewer.init("whatsnew", "fadecontent", "whatnewstoggler", 0, 400)
</script>
</head>[/quote]
edit yg gw bold aja...
save kode di atas sebagai php file
berikutnya ini save di bagian b
<">[/spoiler]
[b]Note[/b]
[quote]jangan lupa sesuaikan dengan fungsi addbox kalian..
[url=http://h1.ripway.com/imbroken/polos/cobaLagi.php]pripiu[/url]
[spoiler] [img]http://i299.photobucket.com/albums/mm307/nuansa_album/scresut/drup3.jpg[/img] [/spoiler]
[spoiler] [img]http://i299.photobucket.com/albums/mm307/nuansa_album/scresut/drup.jpg[/img] [/spoiler]
udah gitu aja...
kaburr ah.. * [/quote]
Last edited by andHa (2008-07-19 10:27:25)
 |