Registriere dich hier, um versteckte Bereiche sehen zu können, Highscores zu speichern oder Fragen zu stellen!

Veränderung des grauen Randes am Style

Adminbereich » Styles » Themes sind Stylesheets (CSS) Vorlagen (Farben, größen, Abstände (prosilver auch Grafiken))
Adminbereich » Styles » Templates sind HTML Vorlagen (wo was angezeigt wird und ob überhaupt)

subSilver und prosilver Styles - es gibt 2 Arten von Styles, hier alle im Überblick:
subSilver2 Styles: 610nm, AcidTech, Vista, bo2Soft, subsilver2, eTech, Serenity, vBoard, vLight, vPlasma, subBlack
prosilver Styles: BrownChocolate, WoWKing, Eliteblue, Glacier, GreenGrass, RedSunrise, prosilver
Kostenloses phpbb2 Forum
phpbb2 Forum Hosting
www.phpbb6.de
phpbb9 ist das Support Forum für unsere Hosting Services.Hilfe nur für Foren von Kostenloses-Forum.be, Userboard.org, plusBB, phpbb8.de, phpbb6.de, Gratis-Board.de und Forumo.de.
Du hast dein Forum nicht bei uns? Dann schaue dich um und siehe was du selbst völlig kostenlos machen könntest, gucke dir auch andere interessante Foren aus unserem Netzwerk an!
Du erhältst hier Tipps und Problemlösungen zu deinem Forum bei uns!

phpbb3
phpBB3 Forum Hosting
www.phpbb8.de
AbonnentenAbonnenten: 0
LesezeichenLesezeichen: 0
Zugriffe: 216

Veränderung des grauen Randes am Style

Beitrag#1von Hopa-Fan-Forum » 09.07.2009 22:28

Hallo,

mein Frage ist, wie ich auf unserem Forum den grauen Rand im Style, Orange machen kann. Hier ist der Link:
http://hopa-forum.userboard.org/forum.php

Wir benutzen dieses Style: xandgreen.

Vielen Dank schonmal!
Benutzeravatar
Hopa-Fan-Forum
Auszubildender
Auszubildender
 
Beiträge: 35
Registriert: 07.2009
Barvermögen: 0,00 Points
Danke gegeben: 0
Danke bekommen: 0x in 0 Post
Geschlecht: nicht angegeben

Re: Veränderung des grauen Randes am Style

Beitrag#2von Loki_GER » 09.07.2009 22:44

Ich gehe davon aus du meinst diesen Rand >>>Bild<<< ?

Suche unter ...
ACP / Styles / Themes / xandgrey folgenden Code ...

Code: Alles auswählen
.cat {
   height: 28px;
   margin: 0;
   padding: 0;
   border: 0;
   background-color: #C7D0D7;
   background-image: url('styles/col_xand_grey/theme/images/cellpic1.gif');
   text-indent: 4px;
}


Wenn der Rand einfarbig orange werden soll änderst du entsprechend den Hexwert unter background-color: #C7D0D7; und löschst die Codezeile background-image: url('styles/col_xand_grey/theme/images/cellpic1.gif'); komplett, auch die entstehende Leerzeile, das ganze sieht dann so aus:

Code: Alles auswählen
.cat {
   height: 28px;
   margin: 0;
   padding: 0;
   border: 0;
   background-color: #DEIN HEXWERT;
   text-indent: 4px;
}


Soll der Rand wieder mit Schraffur sein mußt du dafür mit eine Grafikprogramm eine neue Grafik in der entsprechenden Farbe erstellen und in den Code einfügen, das sähe dann so aus:

Code: Alles auswählen
.cat {
   height: 28px;
   margin: 0;
   padding: 0;
   border: 0;
   background-color: #DEIN HEXWERT;
   background-image: url('http://URL ZU DEINEM BILD.DE);
   text-indent: 4px;
}



Loki
Benutzeravatar
Loki_GER
Supporter im Ruhestand
Supporter im Ruhestand
 
Beiträge: 1877
Registriert: 01.2007
Barvermögen: 38,05 Points
Bank: 21.513,19 Points
Danke gegeben: 59
Danke bekommen: 309x in 194 Posts
Geschlecht: männlich

Re: Veränderung des grauen Randes am Style

Beitrag#3von Hopa-Fan-Forum » 09.07.2009 23:07

Hi, danke!
Nur meine Fragen:
Warum soll ich die Codes wo du mir geschickt hast bei xandgrey verändern, wenn ich doch den grauen Rand bei xandgreen umfärben will?

Und was muss ich genau bei dem Hexwert hinschreiben? Weiss ja nicht as das ist, sry^^
Benutzeravatar
Hopa-Fan-Forum
Auszubildender
Auszubildender
 
Beiträge: 35
Registriert: 07.2009
Barvermögen: 0,00 Points
Danke gegeben: 0
Danke bekommen: 0x in 0 Post
Geschlecht: nicht angegeben

Re: Veränderung des grauen Randes am Style

Beitrag#4von Loki_GER » 09.07.2009 23:18

Weil ICH xandgrey statt green gelesen habe. :D

Der Code ist gleich, du änderst ihn aber dann natürlich im Theme von xandgreen!

Code: Alles auswählen
.cat {
   height: 28px;
   margin: 0;
   padding: 0;
   border: 0;
   background-color: #C7D0D7;
   background-image: url('styles/col_xand_green/theme/images/cellpic1.gif');
   text-indent: 4px;
}


Der Hexwert ist ein Dezimalwert der den Farbton bestimmt, einen Decoder findest du z.B. hier >>> LINK , einfach auf die gewünschte Farbe klicken und der Hexwert zu dieser Farbe wird unten angezeigt und diesen Hexwert gibst du dann in den Code ein.


Loki
Benutzeravatar
Loki_GER
Supporter im Ruhestand
Supporter im Ruhestand
 
Beiträge: 1877
Registriert: 01.2007
Barvermögen: 38,05 Points
Bank: 21.513,19 Points
Danke gegeben: 59
Danke bekommen: 309x in 194 Posts
Geschlecht: männlich

Re: Veränderung des grauen Randes am Style

Beitrag#5von Hopa-Fan-Forum » 09.07.2009 23:36

Bei mir ist etwas ganz anderes passiert.
Der graue Rand ist noch da nur schau dir das an:
http://hopa-forum.userboard.org/index.php
Benutzeravatar
Hopa-Fan-Forum
Auszubildender
Auszubildender
 
Beiträge: 35
Registriert: 07.2009
Barvermögen: 0,00 Points
Danke gegeben: 0
Danke bekommen: 0x in 0 Post
Geschlecht: nicht angegeben

Re: Veränderung des grauen Randes am Style

Beitrag#6von Loki_GER » 09.07.2009 23:50

Ich sehe jetzt erstmal nicht worauf du hinaus möchtest. :?:


Loki
Benutzeravatar
Loki_GER
Supporter im Ruhestand
Supporter im Ruhestand
 
Beiträge: 1877
Registriert: 01.2007
Barvermögen: 38,05 Points
Bank: 21.513,19 Points
Danke gegeben: 59
Danke bekommen: 309x in 194 Posts
Geschlecht: männlich

Re: Veränderung des grauen Randes am Style

Beitrag#7von Hopa-Fan-Forum » 09.07.2009 23:50

Also bei mir ist da was ganz anderes Orange geworden. :(
http://hopa-forum.userboard.org/index.php
Bei mir sind die Zeilen im Forum aufeinmal in Orange.

Hoffe du kannst mir helfen.
Benutzeravatar
Hopa-Fan-Forum
Auszubildender
Auszubildender
 
Beiträge: 35
Registriert: 07.2009
Barvermögen: 0,00 Points
Danke gegeben: 0
Danke bekommen: 0x in 0 Post
Geschlecht: nicht angegeben

Re: Veränderung des grauen Randes am Style

Beitrag#8von Hopa-Fan-Forum » 09.07.2009 23:55

Also ich hab das Background-Image noch entfernt, dann waren die Zeilen aufeinmal Orange im Forum.
Und wenn ich das Background-Image wieder dranmach, dann wird der graue Rand noch breiter.
Benutzeravatar
Hopa-Fan-Forum
Auszubildender
Auszubildender
 
Beiträge: 35
Registriert: 07.2009
Barvermögen: 0,00 Points
Danke gegeben: 0
Danke bekommen: 0x in 0 Post
Geschlecht: nicht angegeben

Re: Veränderung des grauen Randes am Style

Beitrag#9von Loki_GER » 10.07.2009 00:01

Ich habe es in meinem Testforum ausprobiert und es funktioniert alles so wie ich es dir geschrieben habe.

Bild <<< klick

Bild <<< klick

Solltest du Probleme mit der Darstellung haben hast du den Code wahrscheinlich irgendwo beschädigt, tausche einfach folgenden Code komplett gegen deinen aus dann hast du wieder den Originalcode drin, achte bitte darauf das du wirklich den kompletten Code austauscht!

Code: Alles auswählen
.cat {
   height: 28px;
   margin: 0;
   padding: 0;
   border: 0;
   background-color: #C7D0D7;
   background-image: url('styles/col_xand_green/theme/images/cellpic1.gif');
   text-indent: 4px;
}



Loki
Benutzeravatar
Loki_GER
Supporter im Ruhestand
Supporter im Ruhestand
 
Beiträge: 1877
Registriert: 01.2007
Barvermögen: 38,05 Points
Bank: 21.513,19 Points
Danke gegeben: 59
Danke bekommen: 309x in 194 Posts
Geschlecht: männlich

Re: Veränderung des grauen Randes am Style

Beitrag#10von Hopa-Fan-Forum » 10.07.2009 00:11

Hey,
also du hast mich denke ich falsch verstanden aber das macht überhaupt nichts, denn ich freue mich auch sehr über diese gelben Zeilen im Forum jetzt.

Trotzdem möchte ich unbedingt das hier in Orange, den grauen Rand auf beiden Seiten des Forums!
Du hast keine ausreichende Berechtigung, um die Dateianhänge dieses Beitrags anzusehen.
Benutzeravatar
Hopa-Fan-Forum
Auszubildender
Auszubildender
 
Beiträge: 35
Registriert: 07.2009
Barvermögen: 0,00 Points
Danke gegeben: 0
Danke bekommen: 0x in 0 Post
Geschlecht: nicht angegeben

Re: Veränderung des grauen Randes am Style

Beitrag#11von Hopa-Fan-Forum » 10.07.2009 00:23

Hoffentlich verrätst du mir wie das geht, denn das ist das entscheidende Aussehen für das Forum.
Bedanke mich schon mal! :thumbsup:
Benutzeravatar
Hopa-Fan-Forum
Auszubildender
Auszubildender
 
Beiträge: 35
Registriert: 07.2009
Barvermögen: 0,00 Points
Danke gegeben: 0
Danke bekommen: 0x in 0 Post
Geschlecht: nicht angegeben

Re: Veränderung des grauen Randes am Style

Beitrag#12von Loki_GER » 10.07.2009 06:03

Da haben wir uns wirklich falsch verstanden, deshalb hatte ich im ersten Beitrag ja auch die Grafik gepostet und nachgefragt. ;)

ACP / Themes / xandgreen

Code: Alles auswählen
body {
   /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
   font-family: Verdana, Helvetica, Arial, sans-serif;
   color: #444444;
   background-image: url("styles/col_xand_green/theme/images/backs.gif");
   background-repeat: repeat-x;
   background-color: #656565;
   font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
   margin: 0;
}


Und dann wieder folgende Zeile löschen background-image: url("styles/col_xand_green/theme/images/backs.gif"); oder gegen eine eigene Grafik austauschen background-image: url("http://www:HIER DIE URL ZU DEINER GRAFIK.DE");
Und den Hexwert nicht vergessen background-color: #DEIN HEXWERT;

Code: Alles auswählen
body {
   /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
   font-family: Verdana, Helvetica, Arial, sans-serif;
   color: #444444;
   background-image: url("http://www:HIER DIE URL ZU DEINER GRAFIK.DE");
   background-repeat: repeat-x;
   background-color: #DEIN HEXWERT;
   font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
   margin: 0;
}



Loki
Benutzeravatar
Loki_GER
Supporter im Ruhestand
Supporter im Ruhestand
 
Beiträge: 1877
Registriert: 01.2007
Barvermögen: 38,05 Points
Bank: 21.513,19 Points
Danke gegeben: 59
Danke bekommen: 309x in 194 Posts
Geschlecht: männlich


Zurück zu "phpBB3: Styles, Themes und Templates"


 

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast

Besucher kamen durch folgende Suchbegriffe auf diese Seite:

stylescol_xand_greythemeimagesbacks.gif phpbb xandgreen URL Link farbe themeimagescellpic1.gif