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
FollowersFollowers: 0
BookmarksBookmarks: 0
Views: 202

Veränderung des grauen Randes am Style

Post#1by 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!
User avatar
Hopa-Fan-Forum
Auszubildender
Auszubildender
 
Posts: 35
Joined: 07.2009
Cash on hand: 0.00 Points
Thanks: 0
Thanked: 0 time in 0 post
Gender: None specified

Re: Veränderung des grauen Randes am Style

Post#2by Loki_GER » 09.07.2009 22:44

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

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

Code: Select all
.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: Select all
.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: Select all
.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
User avatar
Loki_GER
Supporter im Ruhestand
Supporter im Ruhestand
 
Posts: 1877
Joined: 01.2007
Cash on hand: 38.05 Points
Bank: 21,513.74 Points
Thanks: 59
Thanked: 309 times in 194 posts
Gender: Male

Re: Veränderung des grauen Randes am Style

Post#3by 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^^
User avatar
Hopa-Fan-Forum
Auszubildender
Auszubildender
 
Posts: 35
Joined: 07.2009
Cash on hand: 0.00 Points
Thanks: 0
Thanked: 0 time in 0 post
Gender: None specified

Re: Veränderung des grauen Randes am Style

Post#4by 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: Select all
.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
User avatar
Loki_GER
Supporter im Ruhestand
Supporter im Ruhestand
 
Posts: 1877
Joined: 01.2007
Cash on hand: 38.05 Points
Bank: 21,513.74 Points
Thanks: 59
Thanked: 309 times in 194 posts
Gender: Male

Re: Veränderung des grauen Randes am Style

Post#5by 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
User avatar
Hopa-Fan-Forum
Auszubildender
Auszubildender
 
Posts: 35
Joined: 07.2009
Cash on hand: 0.00 Points
Thanks: 0
Thanked: 0 time in 0 post
Gender: None specified

Re: Veränderung des grauen Randes am Style

Post#6by Loki_GER » 09.07.2009 23:50

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


Loki
User avatar
Loki_GER
Supporter im Ruhestand
Supporter im Ruhestand
 
Posts: 1877
Joined: 01.2007
Cash on hand: 38.05 Points
Bank: 21,513.74 Points
Thanks: 59
Thanked: 309 times in 194 posts
Gender: Male

Re: Veränderung des grauen Randes am Style

Post#7by 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.
User avatar
Hopa-Fan-Forum
Auszubildender
Auszubildender
 
Posts: 35
Joined: 07.2009
Cash on hand: 0.00 Points
Thanks: 0
Thanked: 0 time in 0 post
Gender: None specified

Re: Veränderung des grauen Randes am Style

Post#8by 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.
User avatar
Hopa-Fan-Forum
Auszubildender
Auszubildender
 
Posts: 35
Joined: 07.2009
Cash on hand: 0.00 Points
Thanks: 0
Thanked: 0 time in 0 post
Gender: None specified

Re: Veränderung des grauen Randes am Style

Post#9by 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.

Image <<< klick

Image <<< 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: Select all
.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
User avatar
Loki_GER
Supporter im Ruhestand
Supporter im Ruhestand
 
Posts: 1877
Joined: 01.2007
Cash on hand: 38.05 Points
Bank: 21,513.74 Points
Thanks: 59
Thanked: 309 times in 194 posts
Gender: Male

Re: Veränderung des grauen Randes am Style

Post#10by 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!
You do not have the required permissions to view the files attached to this post.
User avatar
Hopa-Fan-Forum
Auszubildender
Auszubildender
 
Posts: 35
Joined: 07.2009
Cash on hand: 0.00 Points
Thanks: 0
Thanked: 0 time in 0 post
Gender: None specified

Re: Veränderung des grauen Randes am Style

Post#11by 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:
User avatar
Hopa-Fan-Forum
Auszubildender
Auszubildender
 
Posts: 35
Joined: 07.2009
Cash on hand: 0.00 Points
Thanks: 0
Thanked: 0 time in 0 post
Gender: None specified

Re: Veränderung des grauen Randes am Style

Post#12by 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: Select all
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: Select all
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
User avatar
Loki_GER
Supporter im Ruhestand
Supporter im Ruhestand
 
Posts: 1877
Joined: 01.2007
Cash on hand: 38.05 Points
Bank: 21,513.74 Points
Thanks: 59
Thanked: 309 times in 194 posts
Gender: Male


Return to "phpBB3: Styles, Themes und Templates"


 

Who is online

Users browsing this forum: No registered users and 1 guest

Besucher kamen durch folgende Suchbegriffe auf diese Seite:

stylescol_xand_greythemeimagesbacks.gif phpbb xandgreen URL Link farbe themeimagescellpic1.gif