You are not logged in.

Controlpanel

Statistic

  • Members: 13112
  • Threads: 18186
  • Postings: 119693 (ø 46.07/day)
  • Greetings to our newest member: Enes2012

w2d Premium-Support

Die Experten für web to date / shop to date

Facebook

volker l

Beginner

  • "volker l" is male
  • "volker l" started this thread

Posts: 8

Location: Oberstdorf

Occupation: Seilbahner

web/shop to date Version: 8

  • Send private message

1

Tuesday, September 27th 2011, 7:31pm

Schriftfarbe in der unteren Navileiste ändern

Hallo gutes Forum
Ich hab die Suche schon genutzt aber leider keine Lösung gefunden. Ich hab die unter Navileiste in blau. Die Schriftfarbe ist aber leider schwarz und wenn ich mit der Maus draufgehe wird es dunkelblau. Die Größe kann ich ändern aber ich find leider nix wo ich die Farbe ändern kann.

Ich hoff ich war nicht zu doof zum suchen und es kann mir jemand helfen.

Vielen Dank im voraus
Gruß Volker :)

2

Tuesday, September 27th 2011, 8:11pm

Hi Volker,

falls du die Seitennavigation meinst die findest du in der style_design.css unter c:\programme\data becker\web to date 7\designs\omikron\style_design.css: für die Textfarbe der Navigation ist color: #FFFFF verantwortlich. Hier den Farbcode ändern:

Source code

1
2
3
4
5
6
7
8
a.topic {
    border-bottom: 1px solid #373A3C;
    color: #FFFFFF;
    display: block;
    margin: 0 0 6px;
    padding: 0 0 6px;
    text-decoration: none;
}


Für die Hauptmenuepunkte (selbe Spiel)

Source code

1
2
3
4
5
6
7
8
9
10
11
12
a.maintopic, #nav h1 {
    background-color: #373A3C;
    color: #FFFFFF;
    display: block;
    font-family: Georgia,serif;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -1px;
    margin: 10px -20px;
    padding: 5px 20px;
    text-decoration: none;
}


und natürlich für den Mousover-Effekt für Hauptmenus und Untermenüs:
Möchtest du die Unterstreichung beim Mouseover-Effekt weg haben, noch text-decoration: none; setzen

Source code

1
2
3
4
a.maintopic:hover, a.topic:hover, a.subtopic:hover  {
	text-decoration: underline;
        color: #deinefarbe;
}




Servus ;)
Schöne Grüße aus dem sonnigen Süden, 8)

Ingo

--------------------------------------------------------------------

NICHTS IST SELBSTVERSTÄNDLICH ...

--------------------------------------------------------------------

This post has been edited 5 times, last edit by "harlekin8" (Sep 27th 2011, 8:49pm)


volker l

Beginner

  • "volker l" is male
  • "volker l" started this thread

Posts: 8

Location: Oberstdorf

Occupation: Seilbahner

web/shop to date Version: 8

  • Send private message

3

Tuesday, September 27th 2011, 8:34pm

Das werd ich morgen gleich ausprobieren (heut mag ich nicht mehr, 4 Std reichen), ich denk ja das dein Tipp perfekt ist. Vielen Dank schon mal ;)

volker l

Beginner

  • "volker l" is male
  • "volker l" started this thread

Posts: 8

Location: Oberstdorf

Occupation: Seilbahner

web/shop to date Version: 8

  • Send private message

4

Wednesday, September 28th 2011, 7:33pm

Schade das ging leider nicht, die Farbe hat sich nicht verändert :book:

5

Wednesday, September 28th 2011, 8:02pm

Hi,

da hast Du schon aber irgendwas selber geschraubt? Es wäre hilfreich, wenn Du Informationen, was Du am Grunddesign geändert hast, mal kurz umreisst und eventuell auch mal einen Link dazu gibst.

So wie ich das verstehe, gibt das Design per se diese Farbkombination nicht her ... das ist kreativ verfälscht wurden (Motto: weisser Aal auf weissem Grund).

LG, Thomas

6

Wednesday, September 28th 2011, 9:55pm

N' Abend,
^^

Quoted


da hast Du schon aber irgendwas selber geschraubt?

@docba
ist die einzige Erklärung ... oder ein eworbenes mod. Design ?!

die von mir gemachten Vorschläge beruhen auf das "unberührte" Omikron-Design. Und dafür funktionieren diese Anweisungen.

Halte dich an dem was unser @docba gesagt hat, dann bekommen wir das auch gebacken ! ;)
Schöne Grüße aus dem sonnigen Süden, 8)

Ingo

--------------------------------------------------------------------

NICHTS IST SELBSTVERSTÄNDLICH ...

--------------------------------------------------------------------

This post has been edited 1 times, last edit by "harlekin8" (Sep 28th 2011, 10:11pm)


volker l

Beginner

  • "volker l" is male
  • "volker l" started this thread

Posts: 8

Location: Oberstdorf

Occupation: Seilbahner

web/shop to date Version: 8

  • Send private message

7

Thursday, September 29th 2011, 5:45am

Hallo
Die Schrift in dem blauen Bereich sollte weiß werden
http://www.alpinschule.de/test/index.php


Ich hoff das ihr mir helfen könnt :thumbsup:



#topl {
width: 200px;
height: 30px;
padding: 0px;
margin: 0px;
border-bottom: 1px solid #ffffff;
}

#topl a {
font-size: 90%;
color: #aaaaaa;
text-decoration: none;
}

#topc {
width: 196px;
height: 30px;
padding: 0px;
margin: 0px;
background : url(../images/) repeat-x top left;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}

#topr {
width: 700px;
height: 30px;
padding: 0px;
margin: 0px;
background : url(../images/) repeat-x top left;
border-bottom: 1px solid #000000;
}

#midl {
width: 358px;
height: 210px;
padding: 20px 20px;
margin: 0px;
text-align: right;
color: ;
border-right: 0px solid #ffffff;
}

#midl h1 {
font-size : 18px;
font-weight: normal;
color: #888888;
padding: 0px;
margin: 0px;
}

#midl h2 {
font-family : Georgia, Palatino, "Times New Roman", serif;
font-size : 34px;
letter-spacing : -1px;
font-weight: normal;
padding: 0px;
margin: 0px;
color: #000000;
}

#midr {
width: 700px;
height: 250px;
padding: 0px;
margin: 0px;
background-image : url(../images/);
border-bottom: 2px solid #ffffff;
}

#common {
width: 1100px;
height: 50px;
background : #f8f8f8 url(../images/) repeat-x top left;
border-bottom: 1px solid #ffffff;
overflow: hidden;
}

#common a {
display: block;
float: left;
color: #666666;
text-decoration: none;
border-right: 1px solid #000000;
padding: 0px 10px;
line-height: 50px;
height: 50px;
}

#common a:hover {
background : url(../images/) repeat-x top left;
color: #000000;
}


a.maintopic:hover, a.topic:hover, a.subtopic:hover {
text-decoration: underline;
color: #ffffff;
}

#tdnav {
background : url(../images/) repeat-x top left;
vertical-align: top;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
}

#tdcontent {
color: #000000;
vertical-align: top;
background : url(../images/) repeat-x top left;
}

#tdsidebar {
vertical-align: top;
background : #ffffff url(../images/) repeat-x top left;
}

#content {
width: 620px;
padding: 50px 20px 20px 60px;
margin: 0px;
}

#sidebar {
width: 160px;
padding: 50px 20px 20px 20px;
margin: 0px;
}


#nav {
width: 156px;
padding: 50px 20px 20px 20px;
margin: 0px;
color: #ffffff;
}

a.maintopic, #nav h1 {
background-color: #0099ff;
color: #ffffff;
display: block;
font-family: Georgia,serif;
font-size: 20px;
font-weight: normal;
letter-spacing: -1px;
margin: 10px -20px;
padding: 5px 20px;
text-decoration: none;
}

a.topic {
border-bottom: 1px solid #ffffff;
color: #ffffff;
display: block;
margin: 0 0 6px;
padding: 0 0 6px;
text-decoration: none;
}

a.subtopic {
display:block;
padding: 0px 0px 6px 0px;
margin: 0px 0px 6px 20px;
text-decoration: none;
color: #ffffff;
border-bottom: 1px solid ;
}

#bottoml {
width: 200px;
height: 20px;
padding: 0px;
margin: 0px;
background: #ffffff url(../images/) repeat-x top left;
}

#bottomc {
width: 200px;
height: 20px;
padding: 0px;
margin: 0px;
background: #ffffff url(../images/) repeat-x top left;
}

#bottomr {
width: 700px;
height: 20px;
padding: 0px;
margin: 0px;
background: url(../images/) repeat-x top left;
}


form.search {
margin: 0px;
padding: 12px 10px 0px 0px;
display: block;
float: right;
color: #666666;
}

form.search input {
vertical-align : middle;
}

input.search {
padding: 2px;
margin: 0px;
border: #888888 1px solid;
width: 120px;
font-size:12px;
}

8

Thursday, September 29th 2011, 9:06am

Morgen,

bei mir wird die Schrift beim mouse-over weiss?? Du meinst doch die senkrechte Navigation?? Die Schriftfarbe dort wird IMHO in midl h1 eingestellt, bin ich aber nicht wirklich sicher.

LG, Thomas

9

Thursday, September 29th 2011, 9:27am

moin Volker,

bezugnehmend auf deiner Seite, stelle ich fest, dass es ein Geröll an Javascript/HTML/CSS-Gestein gibt, dass man sich fragt: 8| ??

Die Anweisungen überlappen sich und die Style Anweisungen sind im Quelltext verpackt. Bestes Beispiel hierfür, das hier unten, was auch deine Schriften in der Menüleiste beeinflußt ... Die meisten Anweisungen kannst du alle in den stylesheets verfrachten ... das da ist um es linde zu formulieren: :thumbdown:

Source code

1
2
3
4
5
<style type="text/css"><!--
A:link {color: #010000; text-decoration: none} 
A:visited {color: #1E1E1E; text-decoration: none}
A:active {color: #000080; text-decoration: none}
A:hover {color: #000080; text-decoration: none}


DIESE überschreiben nämlich grundsätzlich die Style Anweisungen der Stylesheets !!
Entferne diese aus dem Quelltext und verfrachte sind im Navibereich der entsprechenden style_design.css Passagen: z.Bp:

Source code

1
2
3
4
5
6
a.maintopic:hover, a.topic:hover, a.subtopic:hover  {
	text-decoration: underline;
        color: #deinefarbe;
}

a.maintopic:visited, a.topic:visited, a.subtopic:visited {...}

usw....

A:link hast du ja gestern schon in deiner Wanderung durch CSS eingefügt, sodass hier das Entfernen z.Bp. reicht !

Viel Erfolg ;)
Schöne Grüße aus dem sonnigen Süden, 8)

Ingo

--------------------------------------------------------------------

NICHTS IST SELBSTVERSTÄNDLICH ...

--------------------------------------------------------------------

This post has been edited 4 times, last edit by "harlekin8" (Sep 29th 2011, 10:41am)