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

Farbanpassung

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: 311

Farbanpassung

Post#1by Liveplay » 12.11.2009 20:44

Guten Abend,

Bezüglich einer Neugestaltung meines Forum möchte ich ebenfalls die AFrbgebung optimieren & abändern. Was mich ein wenig stutzig macht ist diese Aussage:
In den Themes dies sind die CSS Dateien, aber das wird nicht gehen da der BrownCh. aus fast nur Grafiken besteht und Grafiken können nicht automatisch umgefärbt werden.

Soll das bedeuten ich kann die Farbgebung nicht ändern ???

Ach & wenn ich diese Toll für die CSS File nutze & den neuen Quellcode mit dem alten ersetzte bekomme ich die Meldung der Code konnte nicht übernommen werden und wird ind er Datenbank abgespeichert.

Bitte für den weiteren Schritt das Forum anschauen. Hier ein Screen & dann erkläre ich was genau ich ändern möchte.

Ein wenig unscharf, aber das ist nicht von Bedeutung.

Image

So die Bereiche die Orange sind: Es ist der Acid Tech Style. Die möcht eich in ein mattes Grau, also ungefähr Dimgray haben. Die Schriftzüge sollten weiß bleiben. Einzig alles was derzeit Orange ist soll Dimgray werden. Wie bewerkstellige ich dies.

Ich bin für Ratschläge offen.

Wahrscheinlich unter Administration-> Styles-> Themes -> Acid Tech -> Bearbeiten -> stylesheets.css

oder etwa nicht, abe rich weiß nicht wo die nötigen Codes stehen im Quellcode. Bzw. sollte es überhaupt die richtige Datei sein.

Freundliche Grüße

Liveplay
User avatar
Liveplay
Auszubildender
Auszubildender
 
Posts: 40
Joined: 08.2009
Cash on hand: 0.00 Points
Thanks: 0
Thanked: 13 times in 11 posts
Gender: Male

Re: Farbanpassung

Post#2by sventibold » 13.11.2009 03:22

ok, also:

1. Grafik umfärben: wenn man sich etwas auskennt kann man sowas mit einem Grafikprogramm machen, jedoch nicht über einen Html Code.
2. Welches Tool für css? Hier bin ich überfragt!
3. Ich erkenne leider gar nichts auf dem Screenshot :P

4. wenn du Firefox nutzt, dann empfehle ich dir das Addon firebug, damit wirst du die von die benötigten Stellen schnell finden.
du gehst auf eine orange Stelle --> rechtsklick --> elemant untersuchen --> rechts kannst dann jetz die verschiedenen css parameter ablesen, u.a. auch die Farbe. Code merken --> im Theme suchen -->ändern (in gewünschte Farbe) --> FERTIG

Du hast dir da viel vorgenommen! Ich bin schon gespannt auch die umsetzung :P

lg
Sven
Forum für alle mit auslands Fernbeziehung
User avatar
sventibold
Style Tüftler
Style Tüftler
 
Posts: 1205
Joined: 03.2009
Cash on hand: 5,751.13 Points
Bank: 15,706.93 Points
Thanks: 55
Thanked: 348 times in 226 posts
Gender: Male

Re: Farbanpassung

Post#3by Liveplay » 14.11.2009 00:50

Vielen Dank Sventibold, auf ein Firefox Addon wäre ich gar nciht mal gekommen.

Nur wir wissen ja, das es sich bei den Bereichen um Grafiken handelt, im Prinzip müsste man nur die grafiken austauschen, was meint Ihr. Wie komme ich auf Grafiken: Folgender Abschnitt im Quellcode gibt einen Gif. Pfad an. Es handelt sich um einen orangen Bereich, indem man Login und so findet. Schaut selber Mein Forum

Das ist der Code.
Code: Select all
background:            [b]#D38724 url(styles/acidtech/theme/images/buttons.gif) repeat-x scroll left top;[/b]

Man sieht trotz das es sich um eine Grafik handelt, steht dort ein Hexdizimal Farbcode #D38724 und dahinter die eher unvollständige URL zur Grafik. Man sieht die Grafik ist unter Themes zu finden. Was ich mich Frage was das für ein Farbcode ist, denn ich finde den nicht. Egal ob ich auf meinen Favouriten Farbtabellen im Web schaue als auch Google benutze, der Farbcod eist nicht zu finden. Und jetzt der größte Witz an allem. Wenn ich den Farbcode aus der Befehlszeile entferne ist die Grafik nur noch schwarz, das verwirrt mich ein wenig, dann muss es sich doch um eine Farbanpassbare Grafik handeln die mit einem CSS Code versehen ist, was meint Ihr ???

Edit: Ich habe heraus gefunden wie es funktioniert. Da ja viele schon mal wissen wollten wie man so etwas ändern kann, erkläre ich das ganze kurz, wenn es ein Tutorialsbereich gibt, dann kann sich ja jemand mit meiner Beschreibung dafür einsetzen.

So und los geht es: Man sollte das ganze mit dem Firefox Browser 3.0 machen & Zugang zum Adminbereich haben. Man benötigt vorweg ein Firefox Tool/Plugin. Auf diese Tool bin ich nur wegen Sventibold gekommen, also viele Dank an dich. Das Plugin heißt Firebug. Nach der Installation von Firebug muss man mittels Kontextmenü den entsprechenden Code suchen. Also Rechtsklick mit dem Mauscursor auf die entsprechende Stelle. Bei mir sind diese Stellen Grafiken (http://www.copra-union.userboard.org - Es handelt sich um alle Orange gefärbten Stelle, dies sind Grafiken mit einem CSS Farbcode) & genau daraum geht es hier, für andere Änderungen kann ich nicht schreiben. Besser ist es erstmal durch einige Tests sich mit dem Plugin vertraut zu machen. Die Pluginfunktion Kontextmenü/Element durchsuchen ist für uns ausschlaggebend. Also zurück Quellcode mittels Rechtsklick gefunden, am besten man hat ein zweites Tab offen um nicht immer zurück zu klicken. Im einem Tab die Adminansicht & im anderen Tab das Forum wie als wenn man die Seite besucht. So mit dem Plugin Firebug kann man nicht nur den Quellcode der Grafik auslesen, sondern auch was für eine Höhe & Breite diese hat, dafür muss man dann nur auf dem Reiter (Im Tool) Layout klicken. So kann man genau eine 1:1 Grafik mit einem Grafikprogramm erstellen (Adobe Photoshop oder Freeware = Gimp oder Paint.Net) Mit den ausgelesenen MAssen kann man ein 1:1 Grafik erstellen in seiner Wunschfarbe. Dies läd man in den Uploadbereich im Adminbereich des Forums hoch. Man nehme den direkten Bildlink als http://..........gif oder ähnlich & setze Copy & Paste ein. Im Quellcode nach der aktuellen Grafik suchen, hie rein Beispiel:

Code: Select all
/* Navigation buttons */
.navrow {
   background: #D38724 url(styles/acidtech/theme/images/buttons.gif) top left repeat-x;
   height: 21px;
   overflow: hidden;
   border-bottom: solid 1px #000;
   border-top: solid 1px #000;
   color: #FFF;
   text-align: center;
   font-size: 11px;
   padding: 4px;

Man sieht hier handelt es sich um den Generellen Navibereich in meinem Forum. Uns interessiert aber nur background: ......
Den Farbcode #D38724 beachten wir erstmal nicht. Uns interessietr nur das was hinter url steht. Achtung die Klammenr () müssen bestehen bleiben, den Rest also: styles/acidtech etc kann gelöscht werden, hier fügen wir unseren Direkt Bildlink ein, unserer eigenen Grafik. So mit dem Fabrcode kann man auf die aktuelle Grafik eine Transparenz oder auch Mischwerte aus mehren Farben bewirken. Es ist abe rnciht notwenig. Dahe rist der AFrbcode bei einer eigenen Grafik eher uninteressant, nur für Customer bestimmt. So dann das ganze noch Absenden & das Forum mittels Firefox Tab Aktualisierung aktualiseren. Ist der blauen 3/4 Pfeil oben Rechts im Firefox Browser. Bestaunt eure Änderung. Am besten Ihr macht ein Bakup vor den Änderungen, man weiß ja nie.

So & nun viel Spaß.


Freundliche Grüße

Liveplay

 ! "Loki_GER":
Bitte gepostete Codes immer in "code" Image setzen damit Beiträge auch für User die später einmal die gleichen Probleme haben einfacher lesbar ist.
Last edited by Liveplay on 14.11.2009 01:54, edited 1 time in total.
User avatar
Liveplay
Auszubildender
Auszubildender
 
Posts: 40
Joined: 08.2009
Cash on hand: 0.00 Points
Thanks: 0
Thanked: 13 times in 11 posts
Gender: Male

Re: Farbanpassung

Post#4by sventibold » 14.11.2009 01:43

Die URL zur Grafik http://copra-union.userboard.org/styles ... uttons.gif (rausgefunden übe rrechtsklick, grafik anzeigen ;))

Im Theme sollte das dann in etwa so aussehen:
Code: Select all
.navrow {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#D38724 url(styles/acidtech/theme/images/buttons.gif) repeat-x scroll left top;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
color:#FFFFFF;
font-size:11px;
height:21px;
overflow:hidden;
padding:4px;
text-align:center;
}


Hier jetzt einfach die URL ändern, vorher natürlich deine eigene Grafik erstellen und irgendwo (am besten im Forum) Hochladen.
Code: Select all
background:#D38724 url(hier deine URL) repeat-x scroll left top;


gemacht habe ich das mit Firebug ;)

lg
Sven

*EDIT* Farbanpassbare Grafiken sind meines erachtens nicht möglich!
Forum für alle mit auslands Fernbeziehung
User avatar
sventibold
Style Tüftler
Style Tüftler
 
Posts: 1205
Joined: 03.2009
Cash on hand: 5,751.13 Points
Bank: 15,706.93 Points
Thanks: 55
Thanked: 348 times in 226 posts
Gender: Male

Re: Farbanpassung

Post#5by Liveplay » 14.11.2009 01:56

Danke Sventiebold, ich habe in meinem Edit oben erklärt wie man nun die Änderungen durchführen kann, ist eigentlich gar nciht so schwer wie alle immer schreiben :D. Das Plugin macht aber auch einiges viel leichter.
Ach ich muss mal wieder edieren.

Code: Select all
/* Layout
 ------------ */
* {
   /* Reset browsers default margin, padding and font sizes */
   margin: 0;
   padding: 0;
}

html {
   font-size: 100%;
}

body {
   /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
   color: #FFF;
   background: #242424 url(styles/acidtech/theme/images/body.gif);
   font-size: 10px;
   margin: 0;
   padding: 0 5px;
}
#body-simple {
   background: #191919;
   padding: 5px;
}

/* Misc stuff */
img {
   border: none;
}

.gen {
   margin: 1px 1px;
   font-size: 1.2em;
}

.genmed {
   margin: 1px 1px;
   font-size: 1.1em;
}

.gensmall {
   margin: 1px 1px;
   font-size: 1em;
}

.titles {
   font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
   font-weight: bold;
   font-size: 1.3em;
   text-decoration: none;
}

.error, table td .error {
   color: #FF9000;
}

.spacer {
background:  url(http://copra-union.userboard.org/uploads/copra-union/images/ForumLei05.gif) top left repeat-x;
}

hr   { height: 0px; border: solid #FF9000 0px; border-top-width: 1px;}

.pagination {
   padding: 4px;
   font-size: 1em;
   font-weight: bold;
}

/* Links
 ------------ */
a {
   color: #FF9000;
   text-decoration: none;
}

a:active,
a:visited {
   color: #FF9000;
   text-decoration: none;
}

a:hover {
   color: #FFF;
   text-decoration: underline;
}

a.forumlink {
   font-weight: bold;
   font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
   font-size: 1.2em;
}

a.topictitle {
   margin: 1px 0px;
   font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
   font-weight: bold;
   font-size: 1.2em;
}

a.topictitle, .postbody a {
   color: #FF9000;
}
a.topictitle:visited, .postbody a:visited {
   color: #FDAC43;
}
a.topictitle:visited:hover, .postbody a:visited:hover {
   color: #FF9000;
}
a.topictitle:hover, .postbody a:hover {
   color: #FFF;
}

/* Header and logo */
#maintable {
   border-style: solid;
   border-width: 0 1px 1px 1px;
   border-color: #000;
   margin: 0 auto;
}
#logorow {
   background: url(styles/acidtech/theme/images/logo_bg.gif) top left repeat;
   text-align: center;
   padding: 0;
}

#logo-left {
   background: url(styles/acidtech/theme/images/logo_left.jpg) top left repeat-y;
}

/*    background: url(styles/acidtech/theme/images/logo_right.jpg) top right no-repeat; */
#logo-right {
   background: url(styles/acidtech/theme/images/logo_right.jpg) top right repeat-y;
}

#logorow, #logo-left, #logo-right {
   min-height: 88px;
   overflow: hidden;
}

.pm-notify-new, .pm-notify-unread {
   border-left: solid 1px #FF9E21;
   border-right: solid 1px #FF9000;
   border-top: solid 1px #FF9E21;
   border-bottom: solid 1px #FF9000;
   background: #313131 url(styles/acidtech/theme/images/cell.gif) top left repeat-x;
   margin: 10px 0;
   padding: 10px;
   text-align: center;
   font-size: 12px;
   font-weight: bold;
}
.pm-notify-new a, .pm-notify-new a:visited, .pm-notify-unread a, .pm-notify-unread a:visited { text-decoration: underline; }
.pm-notify-header {
   margin-bottom: 10px;
   color: #CCC;
}
.pm-notify-new, .pm-notify-unread:hover {
   border-left: solid 1px #FFF;
   border-right: solid 1px #F0F0F0;
   border-top: solid 1px #FFF;
   border-bottom: solid 1px #F0F0F0;
}
.pm-notify-new { padding: 30px; }

/* Navigation buttons */
.navrow {
   background:  url(http://copra-union.userboard.org/uploads/copra-union/images/BannerLi06.gif) top left repeat-x;
   height: 21px;
   overflow: hidden;
   border-bottom: solid 1px #000;
   border-top: solid 1px #000;
   color: #FFF;
   text-align: center;
   font-size: 11px;
   padding: 4px;
}
* html .navrow { padding: 0; }
.navrow b, .navrow strong { font-weight: normal; }
.navrow a, .navrow a:visited {
   color: #FFF;
   text-decoration: none;
}
.navrow a:hover {
   color: #FFF;
   text-decoration: underline;
}

/*
a.link-new, a.link-new:visited { color: #FFF; }
a.link-new:hover, a.link-new:visited:hover { color: #FF9000; }
*/

/* Content and tables */
#contentrow {
   padding: 5px;
   background-color: #191919;
}

.tablebg {
   border: solid 1px #000;
   background: #313131 url(styles/acidtech/theme/images/cell.gif) top left repeat-x;
}

.row1, .row2, .row3, .legend, .forumrules, tr.row1 .row, tr.row2 .row, tr.row3 .row, .postbottom {
   border-left: solid 1px #404040;
   border-right: solid 1px #121212;
   border-top: solid 1px #3C3C3C;
   border-bottom: solid 1px #131313;
   background: #313131 url(styles/acidtech/theme/images/cell.gif) top left repeat-x;
   padding: 4px;
}
th {
   color: #FFE1B9;
   font-size: 11px;
   font-weight: bold;
   background: #D9871B url(styles/acidtech/theme/images/th.gif) top left repeat-x;
   white-space: nowrap;
   padding: 0 5px;
   text-align: center;
   height: 26px;
   border-left: solid 1px #F58D07;
   border-right: solid 1px #9F5A00;
   border-top: solid 1px #F58D07;
   border-bottom: solid 1px #9F5A00;
}
th a, th a:visited {
   color: #FFE1B9 !important;
   text-decoration: underline;
}
th a:hover {
   color: #FFF;
   text-decoration: underline;
}

td {
   padding: 2px;
}
td.profile {
   padding: 4px;
}
.catdiv {
   height: 24px;
   padding: 0 3px;
   border-left: solid 1px #404040;
   border-right: solid 1px #121212;
   border-top: solid 1px #3C3C3C;
   border-bottom: solid 1px #131313;
   background: #2C2C2C url(styles/acidtech/theme/images/cathead.gif) top left repeat-x;
}
.rtl .catdiv {
   background: #2C2C2C url(styles/acidtech/theme/images/cathead.gif) top left repeat-x;
}

.cat {
   height: 24px;
   padding: 0 3px;
   border-left: solid 1px #404040;
   border-right: solid 1px #121212;
   border-top: solid 1px #3C3C3C;
   border-bottom: solid 1px #131313;
   background: #2C2C2C url(styles/acidtech/theme/images/cathead.gif) top left repeat-x;
   text-indent: 4px;
}
.cathead {
   background: #AA6000 url(styles/acidtech/theme/images/catbottom.gif) top left repeat-x;
   height: 24px;
   padding: 1px 3px;
   border-left: solid 1px #F58D07;
   border-right: solid 1px #9F5A00;
   border-top: solid 1px #F58D07;
   border-bottom: solid 1px #9F5A00;
}


/* Table header */
caption {
   margin: 0;
   padding: 0;
   background: url(styles/acidtech/theme/images/hdr_mid.gif) top left repeat-x;
   white-space: nowrap;
   height: 27px;
   text-align: center;
}
.cap-left {
   background: url(styles/acidtech/theme/images/hdr_left.gif) top left no-repeat;
}
.cap-right {
   background: url(styles/acidtech/theme/images/hdr_right.gif) top right no-repeat;
   padding-top: 8px;
   height: 19px;
}
caption, caption h1, caption h2, caption h3, caption h4, caption span {
   font-size: 12px;
   font-weight: bold;
   color: #EB8500;
}
caption h1, caption h2, caption h3, caption h4, caption span {
   display: inline;
}
caption a, caption a:visited {
   color: #EB8500;
   text-decoration: underline;
}
caption a:hover {
   color: #FFF;
   text-decoration: underline;
}


/* Footer */
#wrapfooter {
   text-align: center;
   color: #CCC;
   padding-top: 10px;
}

.copyright {
   color: #888;
   font-weight: normal;
   font-size: 9px;
   line-height: 1.2em;
}
.copyright a, .copyright a:visited {
   color: #AAA;
   text-decoration: underline;
}
.copyright a:hover { color: #FFF; }


/* Breadcrumbs */
p.breadcrumbs {
   margin: 0;
   padding: 0;
   float: left;
   color: #AAA;
   font-weight: bold;
   white-space: normal;
   font-size: 1em;
}
.rtl p.breadcrumbs {
   float: right;
}

p.datetime {
   margin: 0;
   padding: 0;
   float: right;
   white-space: nowrap;
   font-size: 1em;
}

.rtl p.datetime {
   float: left;
}

/* Index/viewforum */
.subforum.read {
   background: url(styles/acidtech/theme/images/sub_old.gif) top left no-repeat;
   padding-left: 12px;
}
.subforum.unread {
   background: url(styles/acidtech/theme/images/sub_new.gif) top left no-repeat;
   padding-left: 12px;
}
.legend {
   text-align: center;
   margin: 0 auto;
   padding: 2px;
}
.legend-viewforum {
   margin: 0;
   text-align: left;
}

.forumrules {
   padding: 4px;
   font-weight: normal;
   font-size: 1.1em;
   border-left-color: #AAA;
   border-top-color: #AAA;
   border-right-color: #CCC;
   border-bottom-color: #CCC;
   font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
.forumrules h3 {
   color: #FDAC43;
}

/* Post */
.postsubject {
   font-size: 12px;
   font-weight: bold;
   color: #FF9000;
}
td.postbottom {
   background: #2D2D2D url(styles/acidtech/theme/images/profile.gif) top left repeat-x;
   font-size: 10px;
   color: #D0D0D0;
   white-space: nowrap;
   padding: 2px;
   vertical-align: middle;
}
td.postbuttons { padding-top: 3px; }
.postdetails {
   color: #CCC;
   font-size: 10px;
   text-align: left;
}
.postdetails b {
   color: #DDD;
}
.posterrank      { font-size: 9px; color: #B0B0B0; }
.posterprofile   { font-size: 10px; color: #D0D0D0; }

.postauthor {
   color: #FF9000;
   font-size: 12px;
   margin-bottom: 3px;
   font-weight: bold;
}
.postonline { margin-bottom: 2px; }

.postreported, .postreported a:visited, .postreported a:hover, .postreported a, .postreported a:active {
   margin: 1px 0px;
   color: #FFAB3D;
   font-weight: bold;
}

.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a, .postapprove a:active {
   color: #00FF00;
   font-weight: bold;
}

.postapprove img, .postreported img {
   vertical-align: bottom;
}

.postbody {
   font-size: 12px;
   line-height: 1.4em;
   margin: 3px 0;
}
.signature {
   font-size: 11px;
   color: #EEE;
   margin-top: 5px;
}
.signature .line { color: #AAA; }

.postbody li, ol, ul {
   margin: 0 0 0 1.5em;
}

.rtl .postbody li, .rtl ol, .rtl ul {
   margin: 0 1.5em 0 0;
}

.posthilit {
   background-color: #FF9000;
}

.postsubject {
   font-size: 12px;
   font-weight: bold;
   color: #FF9000;
}

.postbody a { text-decoration: underline; }

/* UCP */
.folder-current a, .folder-current a:visited {
   color: #FFF;
   font-weight: bold;
}
.folder-current a:hover { color: #FFF; }

td.pm_marked_colour { background: #FFF; }
td.pm_marked_colour_left { border-left: solid 3px #FFF; padding-left: 2px; }
td.pm_marked_colour_right { border-right: solid 3px #FFF; padding-right: 2px; }

td.pm_replied_colour { background: #FF9000; }
td.pm_replied_colour_left { border-left: solid 3px #FF9000; padding-left: 2px; }
td.pm_replied_colour_right { border-right: solid 3px #FF9000; padding-right: 2px; }

td.pm_friend_colour { background: #007700; }
td.pm_friend_colour_left { border-left: solid 3px #007700; padding-left: 2px; }
td.pm_friend_colour_right { border-right: solid 3px #007700; padding-right: 2px; }

td.pm_foe_colour { background: #DD0000; }
td.pm_foe_colour_left { border-left: solid 3px #DD0000; padding-left: 2px; }
td.pm_foe_colour_right { border-right: solid 3px #DD0000; padding-right: 2px; }


/* Form Elements
 ------------ */
form {
   margin: 0px;
   padding: 0px;
   border: 0px;
}

textarea, select, .post, .btnbbcode, .btnmain, .btnlite, .btnfile, .helpline {
   font-weight: normal;
   font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
   color: #D0D0D0;
   border: 1px solid #FF9000;
   background-color: #222;
}

input {
   font-size: 1.1em;
   padding: 1px;
}
textarea {
   font-size: 1.3em;
   line-height: 1.4em;
   padding: 2px;
}
select {
   font-size: 1.1em;
   padding: 1px;
}

option {
   padding: 0 1em 0 0;
}

.rtl option {
   padding: 0 0 0 1em;
}

.post {
   border-style: solid;
   border-width: 1px;
}

.btnbbcode {
   font-size: 1.1em;
   border: 1px solid #444;
}
.btnbbcode:hover {
   border-color: #999;
   color: #FFF;
}

.btnmain {
   font-weight: bold;
   cursor: pointer;
   padding: 1px 5px;
   font-size: 1.1em;
}

.btnlite {
   font-weight: normal;
   cursor: pointer;
   padding: 1px 5px;
   font-size: 1.1em;
}

.btnfile {
   font-weight: normal;
   padding: 1px 5px;
   font-size: 1.1em;
}

.helpline {
   background-color: transparent;
   color: #AAA;
   border-style: none;
}
#helpline { color: #AAA; }

* html textarea, * html select, * html .post, * html .btnmain, * html .btnlite, * html .btnfile {
   border-color: #D0D0D0;
}
textarea:hover, select:hover, .post:hover, .btnmain:hover, .btnlite:hover, .btnfile:hover {
   border-color: #D0D0D0;
}
textarea:focus, select:focus, .post:focus, .btnmain:focus, .btnlite:focus, .btnfile:focus {
   border-color: #FFF;
   color: #FFF;
}

label:hover {
   color: #FF9000;
}

/* BBCode
 ------------ */
.quotetitle, .attachtitle, .codetitle {
   margin: 10px 5px 0px 5px;
   padding: 2px 4px;
   border: solid 1px #090909;
   color: #D0D0D0;
   background-color: #2E2E2E;
   font-size: 0.85em;
   font-weight: bold;
}

.quotetitle .quotetitle {
   font-size: 1em;
}

.quotecontent, .attachcontent {
   margin: 0px 5px 10px 5px;
   padding: 5px;
   border-color: #090909;
   border-width: 0px 1px 1px 1px;
   border-style: solid;
   font-weight: normal;
   font-size: 1em;
   line-height: 1.4em;
/*   font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif; */
   background-color: #2E2E2E;
   color: #EEE;
}

.attachcontent {
   font-size: 0.85em;
}

.codecontent {
   direction: ltr;
   margin: 0px 5px 10px 5px;
   padding: 5px;
   border-color: #090909;
   border-width: 0px 1px 1px 1px;
   border-style: solid;
   font-weight: normal;
   font-size: 11px;
   font-family: Monaco, 'Courier New', monospace;
   background-color: #2E2E2E;
   color: #EEE;
}

.quotewrapper, .codewrapper, .attachwrapper {
   clear: both;
   margin: 10px 5px;
   background: #BE6B00 url(styles/acidtech/theme/images/code_header.gif) top left no-repeat;
   padding-left: 19px;
   border: solid 1px #090909;
}
.quotewrapper { background-image: url(styles/acidtech/theme/images/quote_header.gif); }
.quotewrapper .quotetitle, .codewrapper .codetitle, .attachwrapper .attachtitle {
   margin: 0;
   border-width: 0 0 1px 1px;
}
.quotewrapper .quotecontent, .codewrapper .codecontent, .attachwrapper .attachcontent {
   margin: 0;
   border-width: 0 0 0 1px;
}
.attachcontent, html>body .postbody {
        overflow: auto;
        overflow-x: auto;
}

.syntaxbg {
   color: #FFF;
}

.syntaxcomment {
   color: #AAA;
}

.syntaxdefault {
   color: #FFF;
}

.syntaxhtml {
   color: #FFF;
}

.syntaxkeyword {
   color: #FF9000;
}

.syntaxstring {
   color: #FF9000;
}


/* More misc stuff */
h1 {
   font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
   font-weight: bold;
   font-size: 1.8em;
   text-decoration: none;
}

h2 {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 1.5em;
   text-decoration: none;
   line-height: 120%;
}

h3 {
   font-size: 1.3em;
   font-weight: bold;
   font-family: Arial, Helvetica, sans-serif;
   line-height: 120%;
}

h4 {
   margin: 0px;
   font-size: 1.1em;
   font-weight: bold;
}

p {
   font-size: 1.1em;
}

p.moderators {
   margin: 0px;
   float: left;
   color: #CCC;
   font-weight: bold;
}

.rtl p.moderators {
   float: right;
}

p.linkmcp {
   margin: 0px;
   float: right;
   white-space: nowrap;
}

.rtl p.linkmcp {
   float: left;
}

p.searchbar {
   padding: 2px 0;
   white-space: nowrap;
}

p.searchbarreg {
   margin: 0px;
   float: right;
   white-space: nowrap;
}

.rtl p.searchbarreg {
   float: left;
}

p.forumdesc {
   padding-bottom: 4px;
}

p.topicauthor {
   margin: 1px 0px;
}

p.topicdetails {
   margin: 1px 0px;
}
td.history-current, tr.row1 td.history-current, tr.row2 td.history-current {
   background: #444;
}

table.colortable td {
   padding: 0;
}

pre {
   font-size: 1.1em;
   font-family: Monaco, 'Courier New', monospace;
}

.nowrap {
   white-space: nowrap;
}

.username-coloured {
   font-weight: bold;
}

.sep {
   color: #888;
}


/* MODS by forums3.com */
#msg > li.row1 {
   display: block;
   list-style-type: none;
   margin: 0;
   height: auto;
   width:98%;
   float: left;
}

#msg > li.row2 {
   display: block;
   list-style-type: none;
   margin: 0;
   height: auto;
   width:98%;
   float: left;
}

#msg > li > dl{
   vertical-align: middle;
   width: 100%;
}

#msg > li > dl > dt{
   width: auto !important;
   white-space: nowrap;
   margin-right: 2px;
}

#msg > li > dl > dd > input{
   margin: 3px;
}

#msg > li > dl > dd#msgbody{
   display: inline;
   padding: 3px 0 1px 0px !important;
   vertical-align: middle;
   float:none !important;
}

#base_ul
{
   list-style:none;
   margin-left: 0;
}

#lbOverlay { position: absolute; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
#lbOverlay.grey { background-color: #000000; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #ffffff; width: 200px; height: 200px; margin: 0 auto; }
#lbOuterContainer.grey { border: 3px solid #888888; }

#lbDetailsContainer {   font: 10px Verdana, Helvetica, sans-serif; background-color: #ffffff; width: 100%; line-height: 1.4em;   overflow: auto; margin: 0 auto; }
#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
   position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url("styles/acidtech/theme/images/lytebox/loading.gif") center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url("styles/acidtech/theme/images/gallery_lytebox/blank.gif") no-repeat; display: block; left: 0; float: left; }
#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url("styles/acidtech/theme/images/gallery_lytebox/prev_grey.gif") left 15% no-repeat; }

#lbNext { width: 49%; height: 100%; background: transparent url("styles/acidtech/theme/images/gallery_lytebox/blank.gif") no-repeat; display: block; right: 0; float: right; }
#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url("styles/acidtech/theme/images/gallery_lytebox/next_grey.gif") right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }

#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }

#lbDetailsData { padding: 0 10px; }
#lbDetailsData.grey { color: #333333; }

#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbClose.grey { background: url("styles/acidtech/theme/images/gallery_lytebox/close_grey.png") no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbPlay.grey { background: url("styles/acidtech/theme/images/gallery_lytebox/play_grey.png") no-repeat; }

#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbPause.grey { background: url("styles/acidtech/theme/images/gallery_lytebox/pause_grey.png") no-repeat; }

#image-resize {
   padding:3px 0px 3px 0px;
   text-indent:25px;
   background:#ffffe1 url("styles/acidtech/theme/images/img_warn.gif") no-repeat 5px 50%;
   color:#000000;   font-size:0.8em; border-top:#666666;
}

#image-resize a:hover {color:#000000;}


/* ------------------------ Stargate Portal ------------------------ */

.smallimage {
   width:25px;
   height:25px;
   float:left;
   margin:none;
   margin-bottom:5px;
   position:relative;
}
.whos_online {
   text-align:left;
   position:relative;
   padding: 3px;
}
.row3 {
   padding: none;
   margin:none;
   font-size:10px;
}
.cal_today {
   color:#DC06B8;
   font-weight: bold;
}
.cal_birthday {
   color:#FF8000;
   font-weight: bold;
}
.cal_event {
   color:#FF0000;
   font-weight: bold;
}



span.corners-top-news, span.corners-bottom-news, span.corners-top-news span, span.corners-bottom-news span {
   font-size: 1px;
   line-height: 1px;
   display: block;
   height: 5px;
   background-repeat: no-repeat;
}

span.corners-top-news {
   background-image: none;
   background-position: 0 0;
   margin: 0 -5px;
}

span.corners-top-news span {
   background-image: none;
   background-position: 100% 0;
}

span.corners-bottom-news {
   background-image: none;
   background-position: 0 100%;
   margin: 0 -5px;
   clear: both;
}

span.corners-bottom-news span {
   background-image: none;;
   background-position: 100% 100%;
}

span.corners-top-news {
   background-image: url("styles/acidtech/theme/images/corners_left_news.png");
}

span.corners-top-news span {
   background-image: url("styles/acidtech/theme/images/corners_right_news.png");
}

span.corners-bottom-news {
   background-image: url("styles/acidtech/theme/images/corners_left_news.png");
}

span.corners-bottom-news span {
   background-image: url("styles/acidtech/theme/images/corners_right_news.png");
}

.k_quick {   
width:100%;   
text-align:left;   
margin-bottom: 4px;    
padding: 0 5px;   clear: both;   
/*background-image: url("styles/acidtech/theme/images/bg_list.gif");   */
background-repeat: repeat-x;
border:1px solid; border-color:#008CCe #005F8C #005F8C #008CCe;margin:2px;padding:3px;
}

/* .showhide {float: right; margin-top: -13px; margin-right: 1px;} */

.profile {
   /*border:1px solid; border-color:#008CCe #005F8C #005F8C #008CCe;*/
   margin:2px;padding:5px;
}
postdetails {
   border:1px solid; border-color:#008CCe #005F8C #005F8C #008CCe;margin:2px;padding:5px;
}

.highlight
{
   border:1px solid; border-color:#008CCe #005F8C #005F8C #008CCe;margin:1px;padding:1px;
}

.headerx  { color:#D6C7C7; background: url(styles/acidtech/theme/images/box/boxnavt.gif) repeat-x; padding-left:5px; }
.headerx a { font-weight:bold; text-decoration: none; color: #D6C7C7; }
.headerx a:visited, a:actiive { text-decoration: none; color:#D6C7C7; }
.headerx a:hover { text-decoration: none; color:#CE0000; }

.bbb-bold, .bbb-bold a      { border:none; background: url("styles/acidtech/theme/images/bbcode/bbb-icon-bold.gif"); width:22px; height:22px; }
.bbb-bold:hover            { background-position: 0px -23px;}.bbb-quote,
.bbb-italic, .bbb-italic a  { border:none; background: url("styles/acidtech/theme/images/bbcode/bbb-icon-italic.gif");  width:22px; height:22px;}
.bbb-italic:hover   { background-position: 0px -23px;}.bbb-quote,
.bbb-quote a      { border:none; background: url("styles/acidtech/theme/images/bbcode/bbb-icon-quote.gif");   width:22px; height:22px;}
.bbb-quote:hover   { background-position: 0px -23px;}.bbb-code,
.bbb-code a         { border:none; background: url("styles/acidtech/theme/images/bbcode/bbb-icon-code.gif");    width:22px; height:22px;}
.bbb-code:hover      { background-position: 0px -23px;}.bbb-list,
.bbb-list a         { border:none; background: url("styles/acidtech/theme/images/bbcode/bbb-icon-list.gif");    width:22px; height:22px;}
.bbb-list:hover      { background-position: 0px -23px;}.bbb-flash,
.bbb-flash a      { border:none; background: url("styles/acidtech/theme/images/bbcode/bbb-icon-flash.gif");   width:22px; height:22px;}
.bbb-flash:hover   { background-position: 0px -23px;}.bbb-image,
.bbb-image a      { border:none; background: url("styles/acidtech/theme/images/bbcode/bbb-icon-image.gif");   width:22px; height:22px;}
.bbb-image:hover            { background-position: 0px -23px;}
.bbb-url, .bbb-url a        { border:none; background: url("styles/acidtech/theme/images/bbcode/bbb-icon-url.gif");     width:22px; height:22px;}
.bbb-url:hover              { background-position: 0px -23px;}
.bbb-under_line, .bbb-under_line a       { border:none; background: url("styles/acidtech/theme/images/bbcode/bbb-icon-under_line.gif");    width:22px; height:22px;}
.bbb-under_line:hover                    { background-position: 0px -23px;}
.bbb-align_center, .bbb-align_center a   { border:none; background: url("styles/acidtech/theme/images/bbcode/bbb-icon-align_center.gif");  width:22px; height:22px;}
.bbb-align_center:hover                  { background-position: 0px -23px;}
.bbb-align_left, .bbb-align_left a       { border:none; background: url("styles/acidtech/theme/images/bbcode/bbb-icon-align_left.gif");  width:22px; height:22px;}
.bbb-align_left:hover                    { background-position: 0px -23px;}
.bbb-align_right, .bbb-align_right a     { border:none; background: url("styles/acidtech/theme/images/bbcode/bbb-icon-align_right.gif");  width:22px; height:22px;}
.bbb-align_right:hover                   { background-position: 0px -23px;}
.bbb-ordered_list, .bbb-ordered_list a   { border:none; background: url("styles/acidtech/theme/images/bbcode/bbb-icon-ordered_list.gif");  width:22px; height:22px;}
.bbb-ordered_list:hover                  { background-position: 0px -23px;}
.bbb-add_list_item, .bbb-add_list_item a { border:none; background: url("styles/acidtech/theme/images/bbcode/bbb-icon-add_list_item.gif"); width:22px; height:22px;}
.bbb-add_list_item:hover                 { background-position: 0px -23px;}
.bbb-note, .bbb-note a        { border:none; background: url("styles/acidtech/theme/images/bbcode/bbb-icon-note.gif");    width:22px; height:22px;}
.bbb-note:hover               { background-position: 0px -23px;}
.bbb-spoiler, .bbb-spoiler a  { border:none; background: url("styles/acidtech/theme/images/bbcode/bbb-icon-spoiler.gif"); width:22px; height:22px;}
.bbb-spoiler:hover            { background-position: 0px -23px;}
.bbb-tab, .bbb-tab a          { border:none; background: url("styles/acidtech/theme/images/bbcode/bbb-icon-tab.gif");     width:22px; height:22px;}
.bbb-tab:hover                { background-position: 0px -23px;}
.bbb-sup, .bbb-sup a          { border:none; background: url("styles/acidtech/theme/images/bbcode/bbb-icon-sup.gif");     width:22px; height:22px;}
.bbb-sup:hover                { background-position: 0px -23px;}
.bbb-sub, .bbb-sub a          { border:none; background: url("styles/acidtech/theme/images/bbcode/bbb-icon-sub.gif");     width:22px; height:22px;}
.bbb-sub:hover                { background-position: 0px -23px;}
.bbb-strike, .bbb-strike a    { border:none; background: url("styles/acidtech/theme/images/bbcode/bbb-icon-strike.gif");  width:22px; height:22px;}
.bbb-strike:hover             { background-position: 0px -23px;}
.bbb-link, .bbb-link a        { border:none; background: url("styles/acidtech/theme/images/bbcode/bbb-icon-link.gif");    width:22px; height:22px;}
.bbb-link:hover               { background-position: 0px -23px;}
.rollover, .rollover a { display:inline; float:left; } .rollover a:hover { background-position: 0 -23px; }
.bbb-icon-spacer {border:none; background: url("styles/acidtech/theme/images/bbcode/bbb-icon-spacer.gif"); width:3px; height:22px;}

/* Main message box */
#message-box {
   width: 80%;
}

#message-box textarea {
   width: 100%;
}

/* Emoticons panel */
#smiley-box {
   width: 18%;
   float: right;
}

#smiley-box img {
   margin: 3px;
}
/* Main message box */
#message-box {
   width: 80%;
}

table.legend {
text-align:center;
}

.news_time {
 text-align:left;
 width:42%;
 position:relative;
}
.news_comments {
 text-align:center;
 width:15%;
 position:relative;
}
.news_reply {
   text-align:right;
   width:42%;
   position:relative;
}

.bottom  { border:none; color:#D6C7C7; background: url(styles/acidtech/theme/images/cellpic3.gif) repeat-x; height:1px; border-bottom:solid 1px; border-color:#505050; }
.bottomx  { background:#000000; color:#D6C7C7; background: url(styles/acidtech/theme/images/box/boxnavt2.gif) repeat-x; height:6px; border:none;}
table.box{
   border-top: solid 1px #303030;
   border-left: solid 1px #303030;
   border-right: solid 1px #303030;
   border-bottom: solid 1px #202020;
}
table.block{
   background: #313131 url(styles/acidtech/theme/images/cell.gif) top left repeat-x;
}
table.boxfull{
   border: solid 1px #555555;
}

.showhide {float: right; margin-top: -13px; margin-right: 1px;}

.mynews {
   text-align:center;
   background: #3E3E3E none repeat-x 0 0;
   margin-bottom: 4px;
   padding: 0 5px;
   clear: both;
}
.myannounce {
   text-align:center;
   background: #242424 none repeat-x 0 0;
   margin-bottom: 4px;
   padding: 0 5px;
   clear: both;
}
.bg1   { background-color: #3C3C3C; }
.bg2   { background-color: #606060;  }
.bg3   { background-color: #254560; }


/*   new and announcements blocks */
table.news {
   width:100%;
   border:solid 1px;
   border:none;
}
table.announce {
   width:100%;
   border:none;
}
.news_title {
  text-align:left;
  width:42%;
  position:relative;
}
.news_poll {
 text-align:center;
 width:15%;
 position:relative;
}
.news_poster {
 text-align:right;
 width:42%;
 position:relative;
}

.news_time {
 text-align:left;
 width:42%;
 position:relative;
}
.news_comments {
 text-align:center;
 width:15%;
 position:relative;
}
.news_reply {
   text-align:right;
   width:42%;
   position:relative;
}

.ann_title {
   text-align:center;
   width:100%;
   position:relative;
   font-size:14px;
   font-weight:bold;
}
.ann_poster {
   text-align:left;
   width:45%;
   position:relative;
}
.ann_time {
   text-align:left;
   position:relative;
}
.forum_icons {
   float:left;
   padding-right:10px;
   position:relative; left: 5px; top: -20px;
}

/* Back to top of page */
.back2top {
   clear: both;
   height: 11px;
   text-align: right;
}

.blockstats {
   text-decoration:none;display:block;padding:3px 4px 3px 5px;margin-bottom:0px;
}
.blockstats span {
   padding-left: 4px;font:normal 10px tahoma;
}
/* MODS by forums3.com */
/* bugs */
@media all and (min-width: 0px)
{
   /* reset file input style for Opera - it changes only text color and border, but not bg color */
   .btnfile, .btnfile:hover, .btnfile:focus {
      border: none;
      background-color: #FFF;
      color: #000;
   }

}


Dieser background: url(http://copra-union.userboard.org/upload ... mLei05.gif) top left repeat-x;, ist eigentlich der Befehl für die Themenleiste im Forum, hab eich durch eine Grafik ersetzt, genauso wie ich es bereits in der Navigationsleiste gemacht habe, da hat es funktioniert & diese ist nich tmehr orange sonder hat meine grafi drin ein mattes duckel Grau. Aber bei der Themeleiste ging es nicht. SInd da noch anderen Abhängigkeiten, könntest du Sven.. mal über den Code fliegen, vielleicht habe ich etwas übersehn.

Hier noch mal eine Grafik vom aktuellen Forum

Image

Vielen Dank für das Tool.

Freundliche Grüße

Liveplay

PS. Ist wirklich eine super Community hier.
User avatar
Liveplay
Auszubildender
Auszubildender
 
Posts: 40
Joined: 08.2009
Cash on hand: 0.00 Points
Thanks: 0
Thanked: 13 times in 11 posts
Gender: Male

Re: Farbanpassung

Post#6by sventibold » 14.11.2009 04:13

Man das hat gedauert, bis ich gerafft hab was genau du jetzt meinst! :???:

erstmal:
-->Code bitte immer in den [ code ]- Tag setzen, ist einfach übesichtlicher <--

Diesen Code hast du bei Spacer eingebaut!?
Code: Select all
 background: url(http://copra-union.userboard.org/upload ... mLei05.gif) top left repeat-x;

Das ist nicht richtig!

Du suchst:
Code: Select all
th {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#D9871B url(styles/acidtech/theme/images/th.gif) repeat-x scroll left top;
border-color:#F58D07 #9F5A00 #9F5A00 #F58D07;
border-style:solid;
border-width:1px;
color:#FFE1B9;
font-size:11px;
font-weight:bold;
height:26px;
padding:0 5px;
text-align:center;
white-space:nowrap;
}


In den Code deine URL von oben einbauen, also:

Code: Select all
th {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#D9871B url(http://copra-union.userboard.org/uploads/copra-union/images/ForumLei05.gif) repeat-x scroll left top;
border-color:#F58D07 #9F5A00 #9F5A00 #F58D07;
border-style:solid;
border-width:1px;
color:#FFE1B9;
font-size:11px;
font-weight:bold;
height:26px;
padding:0 5px;
text-align:center;
white-space:nowrap;
}

Absenden. fertig ;)

Hoffe das war jetzt auch was du meinst.


lg
Sventi ohne e bold
Forum für alle mit auslands Fernbeziehung
User avatar
sventibold
Style Tüftler
Style Tüftler
 
Posts: 1205
Joined: 03.2009
Cash on hand: 5,751.13 Points
Bank: 15,706.93 Points
Thanks: 55
Thanked: 348 times in 226 posts
Gender: Male

Re: Farbanpassung

Post#7by Liveplay » 14.11.2009 13:48

Hallo Zusammen,

:uahhh: Endlich hat es funktioniert. Neben den Infoleisten, habe ich auch ein neues Seitenlogo gemacht. Schau dir mal mein Ergebnis an & würde mich über eine Beurteilung freuen. Entweder du schaust hier auf meinem Screenshot:

Image

...oder du gehst direkt auf Dark Zone - Mein Forum

Ich denke da werden noch einige weitere Änderungen folgen und sicher wirst du immer da sein um meine kleinen Flüchtigkeitsfehler, wie der mit dem TG - Button Link. Aha manchmal bin ich einfach zu lange am Rechner, als das mir so kleine Fehler von selbst auf fallen. Aber so bekommt die Community wenigstens mit, was man nicht machen sollte.

Freundliche Grüße

Liveplay
User avatar
Liveplay
Auszubildender
Auszubildender
 
Posts: 40
Joined: 08.2009
Cash on hand: 0.00 Points
Thanks: 0
Thanked: 13 times in 11 posts
Gender: Male

Re: Farbanpassung

Post#8by sventibold » 14.11.2009 14:57

Ich scheine eine höhere Auflösung als du zu haben, denn ich sehe links und Grafik.
Hier mal der Link zur rechten Grafik, die solltest du entfernen, oder umfärben.

Code: Select all
http://copra-union.userboard.org/styles/acidtech/theme/images/logo_right.jpg

Ansonsten evtl noch einen kleinen Rand um die weiße Schrift im Header!? Dann würde es sich etwas mehr abheben.
Ansonsten hast du es schon gut hinbekommen.

Viel Spaß noch mit deinem Forum und ja ich werde wohl auch immer mal wieder hier online sein und helfen wo ich kann ;)

lg
Sven
Forum für alle mit auslands Fernbeziehung
User avatar
sventibold
Style Tüftler
Style Tüftler
 
Posts: 1205
Joined: 03.2009
Cash on hand: 5,751.13 Points
Bank: 15,706.93 Points
Thanks: 55
Thanked: 348 times in 226 posts
Gender: Male

Re: Farbanpassung

Post#9by Liveplay » 15.11.2009 00:10

Hmm das ist aber merkwürdig, ich habe eine Auflösung von 1280x1024 Px und du ??? Müsste sich das nicht eigentlich anpassen,das Layout.

Die einstellung liegt bei 100%, aber irgendwie muss man doch eine automatische Skalierung abschalten. Hier der wahrscheinlich betroffene Code.

Code: Select all
<td id="contentrow">
<table width="100%" cellspacing="0">
<tbody>
<tr>
<td class="gensmall"/>
<td class="gensmall" align="right">
</td>
</tr>
</tbody>
</table>


Ist "cellspacing" vielleicht für die Skalierung zuständig ?!

Was meinst du.

FG

Liveplay
User avatar
Liveplay
Auszubildender
Auszubildender
 
Posts: 40
Joined: 08.2009
Cash on hand: 0.00 Points
Thanks: 0
Thanked: 13 times in 11 posts
Gender: Male

Re: Farbanpassung

Post#10by sventibold » 15.11.2009 02:00

Das wird ja immer bunter hier :D

100% = ganzer Bilschirm! Da ich eine Auflösung von 1366x768 habe ist das Forum somit etwas "länger" bei mir.
Wenn du eine feste größe willst, dann musst du die Angaben von % auf px ändern. (natürlich dann mehr als 100px wählen, wäre etwas klein.)

Dies machst du aber nicht mit dem Codeschnipsel oben. Was du da ausgegraben hast kann ich dir nicht sagen, aber es hat mit der Sache an sich nichts zu tun :P

Cellspacing heißt so viel vie "Abstand zwischen den Zellen"...
Du kannst dich ja mal schlau machen und weil ich so nett bin, habe ich dir auch gleich den Link rausgesucht.
Code: Select all
http://de.selfhtml.org/html/tabellen/layouts.htm

Generell ist selftHTML eine tolle Seite und bietet viel Lernstoff ;)

lg
Sven
Forum für alle mit auslands Fernbeziehung
User avatar
sventibold
Style Tüftler
Style Tüftler
 
Posts: 1205
Joined: 03.2009
Cash on hand: 5,751.13 Points
Bank: 15,706.93 Points
Thanks: 55
Thanked: 348 times in 226 posts
Gender: Male


Return to "phpBB3: Styles, Themes und Templates"


 

Who is online

Users browsing this forum: Google [Bot] and 2 guests

Besucher kamen durch folgende Suchbegriffe auf diese Seite:

bg_list phpbb3 Höhe #FF9E21 farbcodes firefox grafik anzeigen background-color: farben #ffe1b9 glutorange afrbcode