Yazar |
Mesaj |
-
besiktascarsifan
Bedava-Sitem Bağımlısı
Konum: İstanbul
|
04.09.2008, 18:42 (UTC) Mesaj konusu: Link verdiğim yazının üzerine gelince rengi nasıl değişir? |
|
|
Arkadaşlar..Bir yazıya link verdim ve ana sayfaya koydum.Link verdiğim yazının üzerine maus la gelince renginin değişmesini istiyorum.Bunu css de nasıl yaparım.Şimdiden teşekkürler... ______________
|
|
↑
|
|
|
-
askimin-sozleri
Aktif Üye
Konum: Dünyada Tek Madalyali Sehir K.MARAS
|
04.09.2008, 18:58 (UTC) Mesaj konusu: |
|
|
Gökkuşağı Link Efekti belki işine yarar arkadaşım tasarımın üzerindeki yazı kısmına ekleyeceksin
Kod: <!--LINK EFEKTI KOD BASLA-->
<script>
var rate = 20; // Increase amount(The degree of the transmutation)
if (document.getElementById)
window.onerror=new Function("return true")
var objActive; // The object which event occured in
var act = 0; // Flag during the action
var elmH = 0; // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg; // A color before the change
var TimerID; // Timer ID
if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;
}
function doRainbow(obj)
{
if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
function doRainbowAnchor()
{
if (act == 0) {
var obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}
if (obj.tagName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function Mozilla_doRainbowAnchor(e)
{
if (act == 0) {
obj = e.target;
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
obj = obj.parentNode;
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
break;
}
if (obj.nodeName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function ChangeColor()
{
objActive.style.color = makeColor();
}
function makeColor()
{
// Don't you think Color Gamut to look like Rainbow?
// HSVtoRGB
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;
if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;
}
}
elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1) elmR = "0" + elmR;
if (elmG.length == 1) elmG = "0" + elmG;
if (elmB.length == 1) elmB = "0" + elmB;
elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;
return '#' + elmR + elmG + elmB;
}
</script>
<!--LINK EFEKTI KOD BITIR--> |
|
↑
|
|
|
-
besiktascarsifan
Bedava-Sitem Bağımlısı
Konum: İstanbul
|
04.09.2008, 19:08 (UTC) Mesaj konusu: |
|
|
Arkadaşım, ilgin için teşekkürler fakat bir değişiklik olmadı. Bakın şimdi. Forum sayfalarına bir başlık açtığımızda,o başlığın içeriğine girmek için başlığa tıklamadan önce mausu üzerine getirdiğimizde rengi sarı oluyor.Bende bunu istiyorum. ______________
|
|
↑
|
|
|
-
delicelove
Aktif Üye
|
04.09.2008, 20:15 (UTC) Mesaj konusu: |
|
|
Bu kod isine yarayacaktır
<style type="text/css">
<!--
a:link {
color: #0000FF;
}
a:hover {
color: #FF0000;
}
-->
</style> |
|
↑
|
|
|
-
besiktascarsifan
Bedava-Sitem Bağımlısı
Konum: İstanbul
|
04.09.2008, 20:50 (UTC) Mesaj konusu: |
|
|
delicelove yazmış: Bu kod isine yarayacaktır
<style type="text/css">
<!--
a:link {
color: #0000FF;
}
a:hover {
color: #FF0000;
}
-->
</style>
Uzun zamandır aradığımı buldum.Çok çok çok ama çok teşekkür ederim. ______________
|
|
↑
|
|
|
-
besiktascarsifan
Bedava-Sitem Bağımlısı
Konum: İstanbul
|
04.09.2008, 21:56 (UTC) Mesaj konusu: |
|
|
Yanlız arkadaşlar.Kodda değişiklik yaparak yazı rengini beyaz yapıyorum.İlk etapta beyaz oluyor.Sayfada linke tıklayınca artık mor oluyor ve bir daha beyaz olmuyor.Acaba bunun sebebi nedir? ______________
|
|
↑
|
|
|
-
reklambaz
Acemi Üye
|
05.09.2008, 11:05 (UTC) Mesaj konusu: |
|
|
şimdi sen buraya
ilk linkin rengi ne olacak
üzerine mause geldiği zaman ne renk olacak
tıklandığı zaman ne olacak
yazarsan ben yaparım
Forumda Bedava-Siteni Tanıt Bölümünden Başka Bir Bölümde Sitenize Yönlendirme Yapmayınız...
ironarchives
En son reklambaz tarafından 08.09.2008 10:47:11 tarihinde değiştirildi, toplam 1 kere değiştirildi
|
|
↑
|
|
|
-
reklambaz
Acemi Üye
|
05.09.2008, 11:09 (UTC) Mesaj konusu: |
|
|
Kod: <style type="text/css">
<!--
a:link {
color: #99CC00;
}
a:visited {
color: #99CC00;
}
a:hover {
color: #FF0000;
}
a:active {
color: #0000FF;
}
-->
</style>
yukardaki link style link ilk hali yeşil
mause üzerine geldiği zaman kırmızı oluyor
tıklandığı zaman mavi oluyor |
|
↑
|
|
|
-
egleninsimdi
Bedava-Sitem Bağımlısı
Konum: Tokat
|
05.09.2008, 11:56 (UTC) Mesaj konusu: |
|
|
Arkadaşım link efekt kodları var biraz araştırma yaparsan bulabilirsiniz.O kodları tasarımın üzerindeki yazıya eklersiniz |
|
↑
|
|
|
-
besiktascarsifan
Bedava-Sitem Bağımlısı
Konum: İstanbul
|
05.09.2008, 12:22 (UTC) Mesaj konusu: |
|
|
reklambaz yazmış: Kod: <style type="text/css">
<!--
a:link {
color: #99CC00;
}
a:visited {
color: #99CC00;
}
a:hover {
color: #FF0000;
}
a:active {
color: #0000FF;
}
-->
</style>
yukardaki link style link ilk hali yeşil
mause üzerine geldiği zaman kırmızı oluyor
tıklandığı zaman mavi oluyor
çok teşekkürler. ______________
|
|
↑
|
|
|
-
delicelove
Aktif Üye
|
06.09.2008, 16:51 (UTC) Mesaj konusu: |
|
|
O rengi kaldırman için şöyle bir kod var. Yazının ronmal rengi beyaz,üzerine gelince sarı,aktif rengide beyaz olucak. Aşağıdaki kod isinizi görücektir.
a:link : beyaz ise
a:hover buda beyaz olması gerekiyor
<style type="text/css">
<!--
a:link {
color: #FFFFFF;
}
a:visited {
color: #FFFFFF;
}
a:hover {
color: #FFFF00;
}
-->
</style> |
|
↑
|
|
|
-
besiktascarsifan
Bedava-Sitem Bağımlısı
Konum: İstanbul
|
06.09.2008, 23:59 (UTC) Mesaj konusu: |
|
|
delicelove yazmış: O rengi kaldırman için şöyle bir kod var. Yazının ronmal rengi beyaz,üzerine gelince sarı,aktif rengide beyaz olucak. Aşağıdaki kod isinizi görücektir.
a:link : beyaz ise
a:hover buda beyaz olması gerekiyor
<style type="text/css">
<!--
a:link {
color: #FFFFFF;
}
a:visited {
color: #FFFFFF;
}
a:hover {
color: #FFFF00;
}
-->
</style>
Teşekkür ederim... ______________
|
|
↑
|
|
|
-
besiktascarsifan
Bedava-Sitem Bağımlısı
Konum: İstanbul
|
07.09.2008, 14:14 (UTC) Mesaj konusu: |
|
|
bu kodu herkese tavsiye ederim. ______________
|
|
↑
|
|
|
|