[gelöst] default themen anpassen - kann mir jemand helfen

[Gast]

Willkommen Gast. Bitte einloggen oder registrieren.

Einloggen mit Benutzername und Passwort

[Fokuna2]

Ich bauen meine Internetseite unter www5.fokuna.info um,
habe schon einige abgeändert,
leider

1. möchte ich gerne die leere Tabelle  gelöscht haben ( wenn es geht)
2.  das Linke und das rechte Menü soll einen kompletten blauen Hintergrund bekommen,
aber in der Mitte soll es natürlich der Weisse hintergrund bleiben.
3.
Unten im Footer soll der Text komplett Weiss sein,  und bei den Links soll statt weisser Schrift eine schwarze Schrift sein, wenn der effektiv erscheint.

Das Themen ist das default Thema für PMx 1.12 ( inkl. all Fixpacks)
Ich würde mich auf euere Hilfe sehr freuen.

gruss

[cihan]

Hallo 

Zu 1:
Welche leere Tabelle?

zu 2:

linken Block blau, siehe Zeile 74, layout.css:

finde:

html #layout-cols #leftcolumn {
    color: #4E4E4E;
    padding: 0;
    width: 22%;
}

ersetzen durch:

html #layout-cols #leftcolumn {
    background-color: #0000ff;
    color: #4E4E4E;
    padding: 0;
    width: 22%;
}


rechten Block blau, siehe Zeile 83, layout.css:

finde:

html #layout-cols #rightcolumn {
    background-color: #F8F8F8;
    color: #666666;
    padding: 0;
    width: 18%;
}

ersetzen durch:

html #layout-cols #rightcolumn {
    background-color: #0000ff;
    color: #666666;
    padding: 0;
    width: 18%;
}


zu 3:

footer, Schrift weiß... einfügen z.B. in layout.css:

#footer, footer a:link {
    color: #ffffff;
}


Gruß
cihan

[Fokuna2]

Hallo 

Zu 1:
Welche leere Tabelle?

zu 2:

linken Block blau, siehe Zeile 74, layout.css:

finde:

html #layout-cols #leftcolumn {
    color: #4E4E4E;
    padding: 0;
    width: 22%;
}

ersetzen durch:

html #layout-cols #leftcolumn {
    background-color: #0000ff;
    color: #4E4E4E;
    padding: 0;
    width: 22%;
}


rechten Block blau, siehe Zeile 83, layout.css:

finde:

html #layout-cols #rightcolumn {
    background-color: #F8F8F8;
    color: #666666;
    padding: 0;
    width: 18%;
}

ersetzen durch:

html #layout-cols #rightcolumn {
    background-color: #0000ff;
    color: #666666;
    padding: 0;
    width: 18%;
}


zu 3:

footer, Schrift weiß... einfügen z.B. in layout.css:

#footer, footer a:link {
    color: #ffffff;
}


Gruß
cihan

rechts ist ok.

Links    ist es leider nicht, dort nutze ich ein mittels Menümanager selbsterstellte Menü .
Und der Hintergrund ist dort leider immer noch weis.
Und der Hover effefkt funktioniert aber,  nicht unbedingt nach nach meine wünsche.
denn wenn der Weiße Hintergrund   - hellblau wird, ändert sich die Schrift von Schwarz auf Orange,
Und möchte eigentlich dort eigentlich ein Blauer Hintergrund  und beim - Wechsel auf Hellblau, das die Weiße Schrift auf Schwarz wechselt.

und beim Footer

Code: [Select]  

#footer {
   background-color: #0000ff; //blau
   color: #ffffff; // weis
   min-height: 39px;
   padding-top: 1px;
}

auf

Code: [Select]  

#footer {
   background-color: #0000ff; //blau
   color: #ffffff; // weis
   min-height: 39px;
   padding-top: 1px;
   fotooter a:link {
    color: #ffffff;
}

geändert hat es nicht geklappt

gruss

[Fokuna2]

Hallo liebe Pragma Nutzer,

Ich benutze, wie schon erwähnt das mx-default-Thema auf PM 1.12x
Ich möchte folgenden Effekte erzeugen:

Linkes Menü Blau (ok) und Weiße Schrift bei den Links und auf Overefekt (? ok) hellblauer Hintergrund (ok) schwarze Schrift.

Vorhanden ist eine schwarze Schrift auf blauen Hintergrund bei den Links und eine rote Schrift beim hellblauen Hintergrund,

Im Footerbereich ist teilweise ein grauer Hintergrund der soll natürlich Blau werden und bei dem Hellblauen Overefekt soll statt eine Weiße natürliche eine schwarze Schrift sein.

Kann mir jemand von euch mir helfen, und sagen, was ich ändern müsste.

in der layout.css

hier noch mal meine Internetseite:

http://www5.fokuna.info

Vielen Dank

[Fokuna2]

kann mir niemand helfen ?
Danke

[Baldyman]

Moin Thomas 

um den grauen Hintergrund im Footer loszuwerden ... schau mal in deiner layout.css deines Themes ...

suche

Code: [Select]  

#nav-main {
    background-color: #0000FF;
    background-image: url("../images/tab_bg.gif");
    border-bottom: 0 solid #FFFFFF;
    color: inherit;
    display: inline;
    float: left;
    line-height: 0;
    overflow: hidden;
    width: 100%;
}

Zeile      background-image: url("../images/tab_bg.gif");     entfernen.

Um im Footer die Schriftfarbe bei hover auf schwarz zu ändern suche in der selben Datei

Code: [Select]  

#nav-main ul li a:focus, #nav-main ul li a:hover, #nav-main ul li a:active {
    background-color: #00FFFF;
    text-decoration: none;
}

und um color erweitern. Also so ...

Code: [Select]  

#nav-main ul li a:focus, #nav-main ul li a:hover, #nav-main ul li a:active {
    background-color: #00FFFF;
    text-decoration: none;
    color: #000000;
}

[Fokuna2]

Moin Thomas  

um den grauen Hintergrund im Footer loszuwerden ... schau mal in deiner layout.css deines Themes ...

suche

Code: [Select]  

#nav-main {
    background-color: #0000FF;
    background-image: url("../images/tab_bg.gif");
    border-bottom: 0 solid #FFFFFF;
    color: inherit;
    display: inline;
    float: left;
    line-height: 0;
    overflow: hidden;
    width: 100%;
}

Zeile      background-image: url("../images/tab_bg.gif");     entfernen.

Um im Footer die Schriftfarbe bei hover auf schwarz zu ändern suche in der selben Datei

Code: [Select]  

#nav-main ul li a:focus, #nav-main ul li a:hover, #nav-main ul li a:active {
    background-color: #00FFFF;
    text-decoration: none;
}

und um color erweitern. Also so ...

Code: [Select]  

#nav-main ul li a:focus, #nav-main ul li a:hover, #nav-main ul li a:active {
    background-color: #00FFFF;
    text-decoration: none;
    color: #000000;
}

@ Baldyman

vielen Dank für deine Hilfe,

ist einwenig länger gedauert, ich war im Urlaub.
ich möchte noch im rot umkreiste Feld, gerne auch einen weißen Text, mit den entsprechenden Hover Efekte wie die Untere Menüs.

auch übrigens wie kann die die Fotos unter dem Text bekommen, diese sind in einem Sirius Bloack auf  Center unten eingerichtet , dies bei mir leider auch identisch mit Center oben.

Ich würde mich auf eine Weite Hilfe von dir / euch freuen, vielen Dank.

Mit freundlichen Grüße

[Fokuna2]

@ Baldyman

vielen Dank für deine Hilfe,

ist einwenig länger gedauert, ich war im Urlaub.
ich möchte noch im rot umkreiste Feld, gerne auch einen weißen Text, mit den entsprechenden Hover Efekte wie die Untere Menüs.

auch übrigens wie kann die die Fotos unter dem Text bekommen, diese sind in einem Sirius Bloack auf  Center unten eingerichtet , dies bei mir leider auch identisch mit Center oben.

Ich würde mich auf eine Weite Hilfe von dir / euch freuen, vielen Dank.

Mit freundlichen Grüße

@ an alle PragmaMX Bastler

gibt es noch eine andere Möglichkeiten die Artikel einzel im Menü zu verlinken, damit wie oben  geschrieben wurde,  aussieht.

[Fokuna2]

Ich habe nun einigermaßen das Menü so umstrukturiert, wie anscheinend von den Entwicklern gewünscht ist.
Nur leider ist auf meiner Internetseite, im Center Bereich nicht alles so, wie möchte. Wie ich mir wünschen würde.

Der rot umrandeten Bereich, zeigt die Artikeln aber leider  nicht die Komplette  Überschriften .
Diese wechseln von rot auf weis auf weißen Hintergrund .
Deshalb exprimiere ich einwenig möcht mehr Einstellungen. Logischerweise kann man dann nicht mehr lesen, deshalb möchte von Ihnen wissen, wo man dies nochmal ändern kann?



Ich möchte gerne folgende Änderungen im Center-Bereich haben

I.) Ich möchte als ersten die  Foto anzeige im Center Bereich haben
II.)  ich möchte gerne als zweites eine News Übersicht  von den Artikel Kategorien
III.) Ich möchte gerne als dritten ein Section Überischt von deren Artikeln haben
IV.) Ich möchte gerne jeweils  2 – 5  Artikel Anzeige  jeweils von den News und Themen Section am schluss haben.

Ich würde mich freuen, auf  euer Hilfe


Mit freundlichen Grüßen

[Fokuna2]

Hallo PragmaMxler,

kann mir jemand  helfen,

Ich habe mehr mal verschiedenen versionen probiert, die jetzige Version finde akzeptable.
Jetzt muss ich nur noch die Rechte Seite ( Roter Kreis) auf weiß umstellen.

Wo genau muss ich dies ändern ?

Und  Wie bekomme ich die Grafik Weg ?  ( Grüner Kreis )

Mit freundlichen grüßen

Thomas Schuberth

[Baldyman]

Hoi Thomas 
schau mal in der layout.css deines Themes.
Zeile 83

Code: [Select]  

html #layout-cols #rightcolumn {
    border: 0 none;
    color: #000000;
    margin: 0;
    padding: 0;
    width: 18%;
}

ändern in

Code: [Select]  

html #layout-cols #rightcolumn {
    background-color: #FFFFFF;
    border: 0 none;
    color: #000000;
    margin: 0;
    padding: 0;
    width: 18%;
}

Cache evtl. zurücksetzen.

[Fokuna2]

Hoi Thomas  
schau mal in der layout.css deines Themes.
Zeile 83

Code: [Select]  

html #layout-cols #rightcolumn {
    border: 0 none;
    color: #000000;
    margin: 0;
    padding: 0;
    width: 18%;
}

ändern in

Code: [Select]  

html #layout-cols #rightcolumn {
    background-color: #FFFFFF;
    border: 0 none;
    color: #000000;
    margin: 0;
    padding: 0;
    width: 18%;
}

Cache evtl. zurücksetzen.

@ Baldymann
vielen Dank für deine Ausführlich Antwort, nun  habe ich endlich geschaft,   Aber leider wird  der Weißebereich dazu Rechts-Lastig und deshalb möchte nun die Linke Zeit wie folgt abändern:

deshalb habe der  Linke Seite auch einen Weißen Hintergrund beschert.
Leider stört mich nun die Blaue Links-Container mit Weißer Schrift.

Ich möchte nun das diese Container Veschwinden ( also Tranparent oder Weiß)  dadurch mus man logischerweise Schriftfarbe entsprechend  von Weiß auf Schwarz ändern.

Wo muss ich dies genau abändern, leider finde ich der layout.css die entsprechende Zeile nicht.

Übrigens wo kann ich die Farbe abändern für  Überschriften im Centerbereich ? auch in der Layout.css oder in einer andere Datei ?


Übrigens wie kann ich den Home-Link ganz Oben Links nach  ganz Unten Links verschieben  ?

Vielen Dank, für euer Antworte.

[icebreaker]

Hallo Thomas

Suche mal nach solchen Einträgen:  "background-color: inherit"  oder color:inherit. Das betrifft die Boxen, die Anzeige des Debug und wenn die Seite im Bearbeitungsmodus ist, sowie die Warnhinweise für den Admin.

Überall dort, wo "inherit" auftaucht, werden die Farben entweder aus den Defaultfarben des Template (falls festgelegt), oder aus der Datei layout/default.css generiert. Du kannst "inherit" durch die gewünschte Farbe ersetzen,

Gruß
icebreaker

[Fokuna2]

Hallo Thomas

Suche mal nach solchen Einträgen:  "background-color: inherit"  oder color:inherit. Das betrifft die Boxen, die Anzeige des Debug und wenn die Seite im Bearbeitungsmodus ist, sowie die Warnhinweise für den Admin.

Überall dort, wo "inherit" auftaucht, werden die Farben entweder aus den Defaultfarben des Template (falls festgelegt), oder aus der Datei layout/default.css generiert. Du kannst "inherit" durch die gewünschte Farbe ersetzen,

Gruß
icebreaker

@ icebreaker,
 leider war das wenig von erfolgt gekrönnt. Ich habe
alle inherit befehle mit #000000; ausgetauscht und es  hat sich nichts geändert.

@ an alle 

ich suche immer noch eine Lösung für alle  im vorherigen Beitrag von mir.

Vielen Dank für euere Hilfe,

Mit freundliche Grüße

[icebreaker]

Hallo Thomas

Hast du die Seite mal im Firefox aufgerufen und dann die von dir genannte Stelle mit Firebug kontrolliert? Da wird dir angezeigt, in welcher Datei du was ändern mußt. Firebug ist ein AddOn für Firefox.


Gruß
icebreaker

[Fokuna2]

@ Icebreaker,

ich habe den  en benötiget Code in der menue.css gefunden und abgeändert.

@ an alle
Jetzt möchte  noch das ein Home Link unten vorm FAQ und Co setzen, in welcher Datei muss ich dies ändern, das dieser auch dann Weiß angezeigt wird.

Zweites:
Wo kann ich die Farbe der  Überschriften der Blocks ändern.
Ich meine die Überschriften die auch eine Link-funktion haben.
Grund meiner Frage :
Denn ein Weiße Überschrift kann man auf einen weißen Hintergrund natürlich nicht lesen.

Mit freundliche Grüße

[icebreaker]

Hallo Thomas

Zu 1: Schau mal in die Datei "themes.html" des Template, da hast du wohl auch die anderen Links im Footerbereich eingesetzt. Denn im original Template sind da keine Links.
Zu 2: Wenn du die Anzeige im Rezeptmodul meinst, dann ist das in der Datei "style.css" ab Zeile 159 zu finden:

Code: [Select]  

.box {

   background-color: #fbfef8;

   border: 1px solid #bada77;

   color: inherit;

   margin: .3em;

   padding: .3em .3em;

Wenn du da die Hintergrund- bzw. die Schriftfarbe änderst, wirkt sich das allerdings auch auf alle anderen Boxen aus. Eventuell ist es besser, wenn du im Modul Recipes 3 die Templates änderst. Im Modul gibt es einen Ordner Templates.  Das mußt du mal testen. Ich hänge mal einen Screenshot an, wie das Rezeptmodul nach der Änderung der Hintergrundfarbe aussieht. Auch das ließ sich ganz einfach mit Firebug herausfinden.

[Fokuna2]

Hallo Thomas

Zu 1: Schau mal in die Datei "themes.html" des Template, da hast du wohl auch die anderen Links im Footerbereich eingesetzt. Denn im original Template sind da keine Links.
Zu 2: Wenn du die Anzeige im Rezeptmodul meinst, dann ist das in der Datei "style.css" ab Zeile 159 zu finden:

Code: [Select]  

.box {

   background-color: #fbfef8;

   border: 1px solid #bada77;

   color: inherit;

   margin: .3em;

   padding: .3em .3em;

Wenn du da die Hintergrund- bzw. die Schriftfarbe änderst, wirkt sich das allerdings auch auf alle anderen Boxen aus. Eventuell ist es besser, wenn du im Modul Recipes 3 die Templates änderst. Im Modul gibt es einen Ordner Templates.  Das mußt du mal testen. Ich hänge mal einen Screenshot an, wie das Rezeptmodul nach der Änderung der Hintergrundfarbe aussieht. Auch das ließ sich ganz einfach mit Firebug herausfinden.

@Icebreaker,
@ann alle,

vielen Dank für euere Antworten,

zu 1)

a) Ich habe die Informationen nun in der Settings.php Datei gefunden.
und entsprechend abgeändert.

b) Dabei  versehentlich  die Schriftfarbe beim hellblauen Hintergrund auf Weiß gestellt.
Und im Firefox wird  in Manche Block / Modul eine Weißer Streifen gezeigt
und ich möchte das dieser verschwindet.

zu2 )

Ich habe mich nicht auf das letzte Modul bezogen sondern komplett, denn denn in allen Blocks bzw. Moduls werden die Überschriften-Links nicht die reine Überschriften weiß auf Weiß gezeigt. Und ich möchte dies gerne ändern. Leider ist in der Themen.html und der Themen.php keinen hinweiß auf diese weiße Farbe zu finden.
Das Betrifft wie gesagt alle Module.

3)

Durch das rumexperimentieren habe anscheinen an beide zweite eine weißer Rand verursacht und dieser sollte natürlich wieder verschwunden.

Viele Dank und viele Grüße


 

[Andi]

Moin 

bevor das hier ein wunschkonzertmegathread wird, solltest du dich erstmal mit den erforderlichen Grundlagen vertraut machen. Die ganze rumprobiererei und die dauernde Nachfrage wegen besonderen Wünschen bringt doch nix. Wenn du ein solch ausgefallenes Layout haben willst, dann musst du entweder selbst etwas dafür tun, oder lass dir das Ding von einem Profi gegen bares basteln.

Hier mal ein paar Links:
http://de.selfhtml.org/
http://www.css4you.de/
http://www.webdesign-tutorial.net/umsetzung/html-und-css-grundlagen/41
http://www.der-webdesigner.net/tutorials/css/grundlagen/52-css_grundlagen.html


ps:
und bitte lass das mit den Komplett-Zitaten. Wenn du den gesamten vorherigen Post zitierst, dann ist das kein Zitat, sondern unnötiger Datenbankmüll. 

[Fokuna2]

nohmal vielen dank für die Hilfe.