[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 _indra_kurniawan_13. 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-08-17 11:57:12
- _indra_kurniawan_13
- » FTalkFreak
1922
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
[spoiler] [b]cuma mau shere[/b] [/spoiler]
test... 
shere tentang tooltips di enter page
btw dagh ada blum..? 
nih tricknya 
[quote]1.pertama - tama kita download code ini http://13051991.fileave.com/indratooltips.js
buka notepad dan paste code tadi ke notepad
trus save dengan nama [b]htmltooltips.js[/b]
lalu upload degh ke hostingan kamu 
2. download code ini http://13051991.fileave.com/tooltips.js
buka notepad dan paste code tadi ke notepad
trus save dengan nama [b]jquery-1.2.2.pack.js[/b]
lalu upload degh ke hostingan kamu
[spoiler]<script type="text/javascript" src="[b]jquery-1.2.2.pack.js[/b]"></script>
<style type="text/css">
div.htmltooltip{
position: absolute;
z-index: 1000;
left: -1000px;
top: -1000px;
background: #272727;
border: 10px solid black;
color: white;
padding: 3px;
width: 250px; /*width of tooltip*/
}
</style>
<script type="text/javascript" src="[b]htmltooltip.js[/b]">
/***********************************************
* Inline HTML Tooltip script- by JavaScript Kit (http://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>[/spoiler]
perhatikan yang indra tebelin di atas.. itu edit dengan url jquery-1.2.2.pack.js dan htmltooltips punya kamu
taro script ini di dalam tag [b]<head>[/b] atau dibawah tulisan <head> di html kamu.
nex step : penerapan tooltipsnya :idea:
perkatikan code ini...
[quote]<p align="left">"<a href="http://profiles.friendster.com/theuyunks" rel="htmltooltip">[b]sebenernya[/b]</a> saya sangatlah cupu di sini, ."</p>[/quote]
kata sebenarnya itu tempat munculnya tooltips
dan liat ini
[quote]<a href="http://profiles.friendster.com/theuyunks" rel="htmltooltip">[/quote]
yang bisa di edit itu linknya ..
setelah itu masukin dibawahnya
[quote]<div class="htmltooltip">saya sangan benci member friendstertalk yang sok jago !! dan sombonk</div>[/quote]
nah code ini untuk objek yang ada di dalam tooltips tersebut..
contoh code body yang udah jadi
[quote][spoiler]
<p align="left">"<a href="http://en.wikipedia.org/wiki/RSS_(file_format)" rel="htmltooltip">sebenernya</a> saya sangatlah cupu di sini, <a href="http://www.javascriptkit.com/dhtmltutors/ajaxticker/index.shtml" rel="htmltooltip">tapi</a>saya sangat benci sama yang namanya sombong dan orang2 yang sangad2 sok pintar.. tapi nyatanya 0 alias null ,, cuma gitu2 doang.. hahaha..<a href="http://www.javascriptkit.com/dhtmltutors/googleajaxfeed.shtml" rel="htmltooltip"> jadi sekarang saya LEBIH BAIK DIAMM</a>."</p>
<!--Inline HTML Tooltips (DIV with class="htmltooltip"-->
<!--Matched up with anchor links with rel="htmltooltip" and in the order they appear within page's source-->
<div class="htmltooltip">saya sangan benci member friendstertalk yang sok jago !! dan sombonk</div>
<div class="htmltooltip">saya di sini slalu bersabar</div>
<div class="htmltooltip">walaupun saaya slalu di kucilkan.. saya tetep semangat</div>[/quote]
[/spoiler]
di simpan di dalam tag <body> [/quote]
preview http://13051991.fileave.com/indra_code.html
credits by: java script kit
shere tentang tooltips di enter page
btw dagh ada blum..?
nih tricknya
[quote]1.pertama - tama kita download code ini http://13051991.fileave.com/indratooltips.js
buka notepad dan paste code tadi ke notepad
trus save dengan nama [b]htmltooltips.js[/b]
lalu upload degh ke hostingan kamu
2. download code ini http://13051991.fileave.com/tooltips.js
buka notepad dan paste code tadi ke notepad
trus save dengan nama [b]jquery-1.2.2.pack.js[/b]
lalu upload degh ke hostingan kamu
[spoiler]<script type="text/javascript" src="[b]jquery-1.2.2.pack.js[/b]"></script>
<style type="text/css">
div.htmltooltip{
position: absolute;
z-index: 1000;
left: -1000px;
top: -1000px;
background: #272727;
border: 10px solid black;
color: white;
padding: 3px;
width: 250px; /*width of tooltip*/
}
</style>
<script type="text/javascript" src="[b]htmltooltip.js[/b]">
/***********************************************
* Inline HTML Tooltip script- by JavaScript Kit (http://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>[/spoiler]
perhatikan yang indra tebelin di atas.. itu edit dengan url jquery-1.2.2.pack.js dan htmltooltips punya kamu
taro script ini di dalam tag [b]<head>[/b] atau dibawah tulisan <head> di html kamu.
nex step : penerapan tooltipsnya :idea:
perkatikan code ini...
[quote]<p align="left">"<a href="http://profiles.friendster.com/theuyunks" rel="htmltooltip">[b]sebenernya[/b]</a> saya sangatlah cupu di sini, ."</p>[/quote]
kata sebenarnya itu tempat munculnya tooltips
dan liat ini
[quote]<a href="http://profiles.friendster.com/theuyunks" rel="htmltooltip">[/quote]
yang bisa di edit itu linknya ..
setelah itu masukin dibawahnya
[quote]<div class="htmltooltip">saya sangan benci member friendstertalk yang sok jago !! dan sombonk</div>[/quote]
nah code ini untuk objek yang ada di dalam tooltips tersebut..
contoh code body yang udah jadi
[quote][spoiler]
<p align="left">"<a href="http://en.wikipedia.org/wiki/RSS_(file_format)" rel="htmltooltip">sebenernya</a> saya sangatlah cupu di sini, <a href="http://www.javascriptkit.com/dhtmltutors/ajaxticker/index.shtml" rel="htmltooltip">tapi</a>saya sangat benci sama yang namanya sombong dan orang2 yang sangad2 sok pintar.. tapi nyatanya 0 alias null ,, cuma gitu2 doang.. hahaha..<a href="http://www.javascriptkit.com/dhtmltutors/googleajaxfeed.shtml" rel="htmltooltip"> jadi sekarang saya LEBIH BAIK DIAMM</a>."</p>
<!--Inline HTML Tooltips (DIV with class="htmltooltip"-->
<!--Matched up with anchor links with rel="htmltooltip" and in the order they appear within page's source-->
<div class="htmltooltip">saya sangan benci member friendstertalk yang sok jago !! dan sombonk</div>
<div class="htmltooltip">saya di sini slalu bersabar</div>
<div class="htmltooltip">walaupun saaya slalu di kucilkan.. saya tetep semangat</div>[/quote]
[/spoiler]
di simpan di dalam tag <body> [/quote]
preview http://13051991.fileave.com/indra_code.html
credits by: java script kit
 |