Autor |
Nachricht |
-
dannyprager
|
28.07.2009 um 15:54 (UTC) Titel: Links in Content und box verschieden |
|
|
Hallo, wie mache ich das Links in Content und box verschiedene Farben haben?
Also ich hab jetzt im Contentbereich die Links so wie ich sie haben will, dunkelblau und als hover hellblau.
In den rechten boxen sollen die links weiß sein und als hover unterstrichen.
Es geht um diese Seite: www.sv-1924.de
Gruß Danny
Zuletzt bearbeitet von dannyprager am 29.07.2009, 16:36, insgesamt einmal bearbeitet
|
|
↑
|
|
|
-
the-fun-factory
|
28.07.2009 um 16:00 (UTC) Titel: |
|
|
Hi,
mit CSS? Du meinst doch die rechten boxen, oder?
In deinem CSS code musst du bei #sidebar_container und #content noch
hinzufügen. das düfte dann ungefähr so aussehen:
Zitat: #content {
position: absolute;
left: 50%;
top: 140px;
margin-left:-320px;
width: 590px;
height: 380px;
padding:10px;
color: #000000;
font-size:10px;
- edit -
Sorry, hatte dich falsch verstanden. Das obere ist nur zur formatierung eines unverlinkten textes. versuche mal:
Zitat: #content {
color: #000000;
font-size:10px;
a:link {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}
}
- Keine ahnug ob das klappt - Den roten Teil zum Stylesheet hinzufügen. ______________
Zuletzt bearbeitet von the-fun-factory am 28.07.2009, 17:16, insgesamt einmal bearbeitet
|
|
↑
|
|
|
-
dannyprager
|
28.07.2009 um 16:26 (UTC) Titel: |
|
|
Also ich hab jetzt im Contentbereich die Links so wie ich sie haben will, dunkelblau und als hover hellblau.
In den rechten boxen sollen die links weiß sein und als hover unterstrichen.
Es geht um diese Seite: www.sv-1924.de
hier mal mein jetziger Code:
Code: <style type="text/css"><!--
body {background-color:#F50B0B;}
td.edit_header_full{height:107px;background-image:url(http://img.webme.com/pic/p/podsite/standardwt_ehf.png);background-repeat:no-repeat;}
td.headline{visibility:hidden;}
/* Schriftfarbe + Größe auf allen Seiten */
td {
color:#0d0d49;
font-size:12px;
text-align:left;
font-family: arial,verdana; }
td.nav_heading{padding-left:56px;height:40px;background-color:#xxx;background-image:none;}
td.nav{padding-left:55px;height:25px;background-color:#xxx;background-image:none;}
tr.checked_menu td{font-weight:bold;background-image:url(http://img.webme.com/pic/p/podsite/checked_menu.png);background-repeat:no-repeat;}
td.edit_below_nav img{visibility:hidden}
td.edit_navi_headbg{background-image:url(http://img.webme.com/pic/p/podsite/standardwt_nhbg.png);background-position:bottom;background-color:#xxx;}
td.edit_content_top{background-image:url(http://img.webme.com/pic/s/sv-1924/edit_content_top.png);}
td.headline2{visibility:hidden;}
td.edit_content{background-color:#fff;background-image:none; height:890px; }
td.edit_content_bottom{background-color:#fff;background-image:none;}
td.edit_content_bottom2{height:35px;background-color:#xxx;background-image:url(http://img.webme.com/pic/p/podsite/standardwt_ecb2.png);background-position:bottom;padding-top:35px;padding-bottom:32px;}
td.edit_rechts_cbg{background-color:#xxx;background-image:none;}
a:link{ color:#0d0d49; font-size:12px; font-family:arial;
text-decoration:none; }
a:visited { color:#800000; font-size:12px; font-family:arial;
text-decoration:none;}
a:hover { color:blue; font-size:12px; font-family:arial;
text-decoration:none;}
td.sidebar_heading{color:#003399;background-color:transparent;background-image:url(http://img.webme.com/pic/d/dannytest/rechts.png);background-repeat:repeat-y;padding-left:12px;}
td.shouty,td.shouty2,td.shouty3,td.shouty4,td.shouty5{background-color:transparent;background-image:none;padding-left:8px;padding-right:30px;color:#FFFFFF;}
td.edit_rb_footer{background-color:transparent;background-image:none;}
td.edit_rechts_bottom{background-image:url(http://img.webme.com/pic/d/dannytest/rechts.png);background-position:bottom;background-repeat:repeat-y;}
td.edit_rechts_sbg{visibility:hidden;}
--></style><div align="center"><table border="0" width="50%"><tr><td>
<style type="text/css"><!--
body {background-color:#F50B0B;}
td.edit_header_full{background-image:url(http://img.webme.com/pic/d/dannytest/testhead.png);height:107px;}
td.edit_navi_headbg{background-image:url(http://img.webme.com/pic/d/dannytest/links.png);}
td.edit_content_bottom2{background-image:url(http://img.webme.com/pic/d/dannytest/unten.png);}
td.edit_rechts_bottom{background-image:url(http://img.webme.com/pic/d/dannytest/rechts.png);}
td.sidebar_heading{color:#fff;font-weight:bold;background-image:none;padding-left:8px;padding-right:30px;}
td.shouty,td.shouty2,td.shouty3,td.shouty4,td.shouty5{color:#ffffff;}
--></style>
Zuletzt bearbeitet von dannyprager am 28.07.2009, 17:32, insgesamt einmal bearbeitet
|
|
↑
|
|
|
-
the-fun-factory
|
28.07.2009 um 16:34 (UTC) Titel: |
|
|
Zitat: <style type="text/css"><!--
body {background-color:#F50B0B;}
td.edit_header_full{height:107px;background-image:url(http://img.webme.com/pic/p/podsite/standardwt_ehf.png);background-repeat:no-repeat;}
td.headline{visibility:hidden;}
/* Schriftfarbe + Größe auf allen Seiten */
td {
color:#0d0d49;
font-size:12px;
text-align:left;
font-family: arial,verdana; }
td.nav_heading{padding-left:56px;height:40px;background-color:#xxx;background-image:none;}
td.nav{padding-left:55px;height:25px;background-color:#xxx;background-image:none;}
tr.checked_menu td{font-weight:bold;background-image:url(http://img.webme.com/pic/p/podsite/checked_menu.png);background-repeat:no-repeat;}
td.edit_below_nav img{visibility:hidden}
td.edit_navi_headbg{background-image:url(http://img.webme.com/pic/p/podsite/standardwt_nhbg.png);background-position:bottom;background-color:#xxx;}
td.edit_content_top{background-image:url(http://img.webme.com/pic/s/sv-1924/edit_content_top.png);}
td.headline2{visibility:hidden;}
td.edit_content{background-color:#fff;background-image:none; height:890px; }
td.edit_content_bottom{background-color:#fff;background-image:none;}
td.edit_content_bottom2{height:35px;background-color:#xxx;background-image:url(http://img.webme.com/pic/p/podsite/standardwt_ecb2.png);background-position:bottom;padding-top:35px;padding-bottom:32px;}
td.edit_rechts_cbg{background-color:#xxx;background-image:none;}
a:link{ color:#0d0d49; font-size:12px; font-family:arial;
text-decoration:none; }
a:visited { color:#800000; font-size:12px; font-family:arial;
text-decoration:none;}
a:hover { color:blue; font-size:12px; font-family:arial;
text-decoration:none;}
td.sidebar_heading{color:#003399;background-color:transparent;background-image:url(http://img.webme.com/pic/d/dannytest/rechts.png);background-repeat:repeat-y;padding-left:12px;}
td.shouty,td.shouty2,td.shouty3,td.shouty4,td.shouty5 {
background-color:transparent;
background-image:none;
padding-left:8px;
padding-right:30px;
color:#FFFFFF;
font-size:13px;
a:link {
color:#ffffff;
font-size:13px;
text-decoration:underline;}
}
td.edit_rb_footer{background-color:transparent;background-image:none;}
td.edit_rechts_bottom{background-image:url(http://img.webme.com/pic/d/dannytest/rechts.png);background-position:bottom;background-repeat:repeat-y;}
td.edit_rechts_sbg{visibility:hidden;}
--></style><div align="center"><table border="0" width="50%"><tr><td>
<style type="text/css"><!--
body {background-color:#F50B0B;}
td.edit_header_full{background-image:url(http://img.webme.com/pic/d/dannytest/testhead.png);height:107px;}
td.edit_navi_headbg{background-image:url(http://img.webme.com/pic/d/dannytest/links.png);}
td.edit_content_bottom2{background-image:url(http://img.webme.com/pic/d/dannytest/unten.png);}
td.edit_rechts_bottom{background-image:url(http://img.webme.com/pic/d/dannytest/rechts.png);}
td.sidebar_heading{color:#fff;font-weight:bold;background-image:none;padding-left:8px;padding-right:30px;}
td.shouty,td.shouty2,td.shouty3,td.shouty4,td.shouty5{color:#ffffff;}
--></style>
So, ich habs mal geändert. Mal sehen obs funktioniert. ______________
Zuletzt bearbeitet von the-fun-factory am 28.07.2009, 18:56, insgesamt 2-mal bearbeitet
|
|
↑
|
|
|
-
dannyprager
|
28.07.2009 um 16:54 (UTC) Titel: |
|
|
funzt leider nicht |
|
↑
|
|
|
-
the-fun-factory
|
28.07.2009 um 17:56 (UTC) Titel: |
|
|
ich hab den code oben nopchmal verbessert. Ich glaube ich hatte ein paar Leerzeichen zuviel. ______________
|
|
↑
|
|
|
-
dannyprager
|
29.07.2009 um 13:35 (UTC) Titel: |
|
|
leider funzt es immer noch nicht, hat einer noch ne Idee? |
|
↑
|
|
|
|
29.07.2009 um 13:55 (UTC) Titel: |
|
|
hatte gerade was gepostet, war aber wohl etwas falsch. wie wäre es wenn du mal deinen ersten beitrag editierst und den namen der seite, die du meinst, dort reinschreibst? ich bin bestimmt nicht der erste der sich wundert.
sorry, aber hier sind so viele codes das man nicht mehr weiss was schon gweht und was nicht. was fehlt dir den nun genau um nicht alle threads hier zu lesen?
im übrigen kenn ich das problem mit den links in den shoutys. ich hatte das vor kurzen auch gemacht und müsste lange testen bis das ergebnis gestimmt hat. ich musste zum beispiel die hoverschrift als checked oder visitet eingeben damit das endlich geklappt hat. hab bestimmt 2 stunden daran gesessen. früher konnte man das noch einfach in einer einer leeren seite im editor machen und den code direkt in die shouty reinsetzen aber das klappt auch nicht mehr richtig.
gruss gringo ______________ Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell
Zuletzt bearbeitet von 6p-iceblue am 29.07.2009, 15:13, insgesamt 7-mal bearbeitet
|
|
↑
|
|
|
-
dannyprager
|
30.07.2009 um 16:46 (UTC) Titel: |
|
|
kann sich bitte mal jemand dem Problem annehmen.
Danke |
|
↑
|
|
|
-
generatorencity
|
30.07.2009 um 16:53 (UTC) Titel: |
|
|
Links für den content Formatierst du sowei ich weiß so:
Zitat: td.edit_content a {
color: #XXXXXX;
text-decoration: none;
}
td.edit_content a:hover {
color: #YYYYYY;
} ______________ |
|
↑
|
|
|
-
dannyprager
|
30.07.2009 um 16:56 (UTC) Titel: |
|
|
geht irgendwie doch nicht so richtig
Zuletzt bearbeitet von dannyprager am 30.07.2009, 18:37, insgesamt 2-mal bearbeitet
|
|
↑
|
|
|
-
dannyprager
|
31.07.2009 um 09:52 (UTC) Titel: |
|
|
ist das vieleicht so möglich
#Links in Boxen#
td.edit_shouty a:link{color: #0d0d49; text-decoration:none; }
td.edit_shouty a:hover{color: #F50B0B; }
#Links im Textbereich#
td.edit_content a:link{ color:#0d0d49; font-size:12px; font-family:arial;
text-decoration:none; }
td.edit_content a:hover{ color:#F50B0B; font-size:12px; font-family:arial;
text-decoration:none; } |
|
↑
|
|
|
-
southpark-comedyclub
|
31.07.2009 um 10:00 (UTC) Titel: |
|
|
generatorencity hat Folgendes geschrieben: Links für den content Formatierst du sowei ich weiß so:
Zitat: td.edit_content a {
color: #XXXXXX;
text-decoration: none;
}
td.edit_content a:hover {
color: #YYYYYY;
}
Generatorencity hat aber recht das muss klappen danny
So bestimmt man normalerweise die Links von
Containern! ______________ Du hast eine Frage? Ich stehe dir selbstverständlich jeder Zeit zur Verfügung! |
|
↑
|
|
|
-
generatorencity
|
31.07.2009 um 10:01 (UTC) Titel: |
|
|
Jap, aber Kommentare schreibt man nicht so
sondern so:
Oder so:
Zitat: /*Links in Boxen*/
Gruß,
Willi ______________ |
|
↑
|
|
|
-
dannyprager
|
31.07.2009 um 10:39 (UTC) Titel: |
|
|
southpark-comedyclub hat Folgendes geschrieben: generatorencity hat Folgendes geschrieben: Links für den content Formatierst du sowei ich weiß so:
Zitat: td.edit_content a {
color: #XXXXXX;
text-decoration: none;
}
td.edit_content a:hover {
color: #YYYYYY;
}
Generatorencity hat aber recht das muss klappen danny
So bestimmt man normalerweise die Links von
Containern!
<style type="text/css"><!--
body {background-color:#F50B0B;}
td.edit_header_full{height:107px;background-image:url(http://img.webme.com/pic/p/podsite/standardwt_ehf.png);background-repeat:no-repeat;}
td.headline{visibility:hidden;}
/* Schriftfarbe + Größe auf allen Seiten */
td {
color:#0d0d49;
font-size:12px;
text-align:left;
font-family: arial,verdana; }
td.nav_heading{padding-left:56px;height:40px;background-color:#xxx;background-image:none;}
td.nav{padding-left:55px;height:25px;background-color:#xxx;background-image:none;}
tr.checked_menu td{font-weight:bold;background-image:url(http://img.webme.com/pic/p/podsite/checked_menu.png);background-repeat:no-repeat;}
td.edit_below_nav img{visibility:hidden}
td.edit_navi_headbg{background-image:url(http://img.webme.com/pic/p/podsite/standardwt_nhbg.png);background-position:bottom;background-color:#xxx;}
td.edit_content_top{background-image:url(http://img.webme.com/pic/s/sv-1924/edit_content_top.png);}
td.headline2{visibility:hidden;}
td.edit_content{background-color:#fff;background-image:none; height:890px; }
td.edit_content_bottom{background-color:#fff;background-image:none;}
td.edit_content_bottom2{height:35px;background-color:#xxx;background-image:url(http://img.webme.com/pic/p/podsite/standardwt_ecb2.png);background-position:bottom;padding-top:35px;padding-bottom:32px;}
td.edit_rechts_cbg{background-color:#xxx;background-image:none;}
a:link{
color:#0d0d49;
font-size:12px;
font-family:arial;
text-decoration:none; }
a:visited {
color:#FFFFFF;
font-size:12px;
font-family:arial;
text-decoration:none;}
a:hover {
color:#F50B0B;
font-size:12px;
font-family:arial;
text-decoration:none;}
td.sidebar_heading{color:#FFFFFF;background-color:transparent;background-image:url(http://img.webme.com/pic/d/dannytest/rechts.png);background-repeat:repeat-y;padding-left:12px;}
td.shouty,td.shouty2,td.shouty3,td.shouty4,td.shouty5{background-color:transparent;background-image:none;padding-left:8px;padding-right:30px;}
td.edit_rb_footer{background-color:transparent;background-image:none;}
td.edit_rechts_bottom{background-image:url(http://img.webme.com/pic/d/dannytest/rechts.png);background-position:bottom;background-repeat:repeat-y;}
td.edit_rechts_sbg{visibility:hidden;}
--></style><div align="center"><table border="0" width="50%"><tr><td>
<style type="text/css"><!--
body {background-color:#F50B0B;}
td.edit_header_full{background-image:url(http://img.webme.com/pic/d/dannytest/testhead.png);height:107px;}
td.edit_navi_headbg{background-image:url(http://img.webme.com/pic/d/dannytest/links.png);}
td.edit_content_bottom2{background-image:url(http://img.webme.com/pic/d/dannytest/unten.png);}
td.edit_rechts_bottom{background-image:url(http://img.webme.com/pic/d/dannytest/rechts.png);}
td.sidebar_heading{color:#ffffff;font-weight:bold;background-image:none;padding-left:8px;padding-right:30px;}
td.shouty,td.shouty2,td.shouty3,td.shouty4,td.shouty5{color:#FFFFFF;}
--></style>
aber klappt nicht, muß ich event. was im code löschen?
das ist der aktuelle:
|
|
↑
|
|
|
|