Gegen Bilderklau - Das Original (https://www.gegen-bilderklau.net/index.php)
- Design, Website, Copyright (https://www.gegen-bilderklau.net/board.php?boardid=80)
--- Homepagehilfe (https://www.gegen-bilderklau.net/board.php?boardid=27)
---- Tutorials und FAQ (https://www.gegen-bilderklau.net/board.php?boardid=45)
----- [CSS] Die wichtigsten Linkeffekte (https://www.gegen-bilderklau.net/thread.php?threadid=484)


Geschrieben von MissMiralda am 15.05.2010 um 21:34:

 

Also so wie du es definiert hast, müssten jetz alle deine Links mit der Farbe sein #B26C2E und alles großgeschrieben und wenn du drüber fährst weiß und normal geschrieben (also nich Großbuchstaben) xD

Und was willst du noch mal wie definiert haben? großes Grinsen



Geschrieben von Nyuraa_ am 15.05.2010 um 21:57:

 

Genauso :/
Aber sie sind immernoch unterstrichen, werden ununterstrichen und farbig wenn ich draufgeh. Und da wird garnix groß großes Grinsen

EDIT: Ne moment, ich möchte, dass sie weiß und großgeschrieben sind. und wenn ich draufgeh nur farbig. und immernoch großgeschrieben großes Grinsen



Geschrieben von MissMiralda am 16.05.2010 um 10:39:

 

Ja, du hast es falsch definiert. großes Grinsen

code:
1:
2:
#bg A:link, #bg A:visited, #bg A:active { COLOR: #FFFFFF; TEXT-DECORATION: none; text-transform:uppercase;}
#bg A:hover { COLOR: #B26C2E; TEXT-DECORATION: none; text-transform:uppercase; }


mach dass so nicht nur bei #bg sondern bei allen. ^^ Wenn du bei bestimmten Abschnitten andere Linkeffekte haben möchtest, müsstest du rumprobieren welches wohin gehört. xD

Du hast lediglich es falsch definiert. ^^
Wenn man etwas großschreiben möchte, dann musst du das text-transform:uppercase; nach dem TEXT-DECORATION: none; einfügen. xD Wie eben auf der ersten Seite, beim Tut, erklärt. smile



Geschrieben von Nyuraa_ am 16.05.2010 um 12:02:

 

Jetzt geht's :3 Dankeschön! großes Grinsen



Geschrieben von MissMiralda am 16.05.2010 um 12:03:

 

Bitteschön xDD



Geschrieben von Sandy01 am 26.05.2010 um 21:37:

 

Kann vielleicht jemand in dem code mal des so einfügen das ein gestrichelter rand um die links kommt?

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><style type="text/css"><!--body{cursor:crosshair};a:hover{cursor:crosshair;}--></s
tyle>

<html>
<head>
<title>%titel%</title>
<style type="text/css">
<!--
body {
position: absolute;
padding: 0;
margin: 0;
top: 0;
left: 0;
}
img#design {
position: absolute;
top: 0;
left: 768;
border: none;
cursor:crosshair;
}
div.content {
overflow: auto;
position: absolute;
top: 260px;
left: 80px;
width: 718px;
height: 508px;
font-family: Verdana;
font-size: 10px;
color: #000000;
cursor:crosshair;
}

div.newsbox {
overflow: auto;
position: absolute;
top: 200px;
left: 200px;
width: 150px;
height: 400px;
font-family: Verdana;
font-size: 10px;
color: #000000;
cursor:crosshair;
}

div.navigation {
overflow: auto;
position: absolute;
top: 370px;
left: 815px;
width: 166px;
height: 420px;
font-family: Verdana;
font-size: 10px;
color: #000000;
cursor:crosshair;
}
a:link, a:active, a:visited {
text-decoration:underline;
color:#000000;
font-size:10px;
font-family:Verdana, Helvetica, sans-serif;
text-transform:none;
line-height:normal;
cursor:crosshair;
}
a:hover {
text-decoration:underline;
color:#000000;
font-size:10px;
font-family:Verdana, Helvetica, sans-serif;
text-transform:uppercase;
line-height:normal;
cursor:crosshair;
}
}
-->
</style>
</head>

<body bgcolor="#ededed" topmargin="0" leftmargin="0">

<!-- Start Design -->
<img src="http://i43.tinypic.com/rhsx9g.jpg" alt="Designbild" id="design" />
<!-- End Design -->

<!-- Start Content -->
<div class="content">
%content%
</div>
<!-- End Content -->

<!-- Start Navigation -->
<div class="navigation">
%navigation_v%
</div>
<!-- End Navigation -->
<style type="text/css">
</body>

<!--
Dies ist der Grundcode von http://www.oylahomepagehilfe.de.
Dieser Hinweis darf ohne Genehmigung von einem Betreiber des Internetabgebotes nicht entfernt werden.
-->

</html>



Geschrieben von bolop am 26.05.2010 um 22:43:

 

Ich möchte hierrauf verweisen: https://www.webmasterwork.com/page/40153-gestrichelter-rand-um-link.html



Geschrieben von *Anja am 13.08.2010 um 23:11:

 

Wie bekomme ich es hin, dass ein Bild beim drüberfahren ein wenig größer wird?



Geschrieben von PS-Waldhof am 15.03.2012 um 20:32:

 

Bei mir geht es nicht. Das ist mein code

A:link {COLOR: #5F441F; TEXT-DECORATION: none; border-bottom:1 dotted; border-color:#5F441F;}
}
a:visited {color: #5F441F;
}
a:active {color: #5F441F;
}
a:hover {color: #5F441F;
}

Jetzt haben die Links keine Farbe mehr, sie sind blau und wenn man sie besucht hat lila. Woran liegt das?



Geschrieben von Lottalein am 16.03.2012 um 10:25:

 

Zitat:
Original von PS-Waldhof
Bei mir geht es nicht. Das ist mein code

A:link {COLOR: #5F441F; TEXT-DECORATION: none; border-bottom:1 dotted; border-color:#5F441F;}
}
a:visited {color: #5F441F;
}
a:active {color: #5F441F;
}
a:hover {color: #5F441F;
}

Jetzt haben die Links keine Farbe mehr, sie sind blau und wenn man sie besucht hat lila. Woran liegt das?

Löse das ganze doch zum Beispiel so:
code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
a:link, a:active, a:visited {
color: #5F441F;
font-size: 9pt;
font-family: Verdana;
text-decoration: none;
}

a:hover {
color: #5F441F;
border-bottom: 1px dotted #5F441F;
font-family: Verdana;
font-size: 9pt;
}

Schriftart und Größe kannst du natürlich noch umändern Augenzwinkern



Geschrieben von PS-Waldhof am 01.04.2012 um 13:18:

 

Vielen dank dafür! Jetzt geht es endlich. Musst oben noch was dazu fügen und jetzt ist es perfekt. Vielen Dank smile


Forensoftware: Burning Board, entwickelt von WoltLab GmbH