xa-media.com | Support Forum

Hilfestellung und Support zu unseren Webmaster Projekten

 

Hier erhältst du Hilfestellung und Support zu folgenden Projekten:
- BBoard.de
- Forenfuchs.de
- iphpbb.com
- xa-board.com

Zu anderen Foren Services können wir leider keinen Support geben. Wende dich bitte hierfür an den zuständigen Hoster!

Bevor du postest, beachte bitte folgende Punkte:
- FAQ und phpbb Doku lesen.
- Forensuche benutzen

Es ist notwendig bei jeder Anfrage die Adresse zu deinem Forum mit anzugeben, da wir sonst nicht weiterhelfen und somit die Anfrage nicht bearbeiten können. Weiters bitten wir dich immer zuerst die "News & Ankündigungen" zu lesen, bevor du postest. Danke :)

[Hilfe / Anleitung] Stylprogramierung

Hilfestellung zum Thema Styles im phpbb3! Wie passe ich einen Style an meine Bedürfnisse an?

[Hilfe / Anleitung] Stylprogramierung

Beitragvon Schlosswächter » 21.12.2007, 05:29

/* phpBB 3.0 Style Sheet
--------------------------------------------------------------
Style name: subsilver2
Based on style: subSilver (the default phpBB 2 style)
Original author: subBlue ( http://www.subBlue.com/ )
Modified by: psoTFX and the phpBB team ( http://www.phpbb.com )

This is an alternative style for phpBB3 for those wishing to stay with
the familiar subSilver style of phpBB version 2.x

Copyright 2006 phpBB Group ( http://www.phpbb.com/ )
--------------------------------------------------------------
*/

/* 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: Verdana, Helvetica, Arial, "Lucida Grande", sans-serif;
color: #000000; <- Siehe Screen ich ändere den auf FFBF00 Siehe rote Makierungen


Screen 1

Bild

background-color: #FFFFFF; <- ändere ich auf 0000BF ( Siehe Screen 2 )
font-size: 67.5%; /* This sets the default font size to be equivalent to 10px */
margin: 0;


Der Hintergrund ( Blau ) ist in die gewünschte Farbe verändert

Screen 2
Bild

#wrapheader {
min-height: 150px; wurde geändert von 150px auf 80px bitte auf folgende Screens schauen! Screen Römisch II für vorher und Römisch III für Nachher

height: auto !important;
height: 120px; wenn man diese höhe ändern möchte muss man auto ( rot makiert ) löschen
/* background-image: url('styles/subsilver2/theme/images/background.gif');
background-repeat: repeat-x;*/
/* padding: 0 25px 15px 25px;*/
padding: 0;

Screen Römisch II
Bild

Screen Römisch III
Bild


#wrapcentre { rechte seite Linke Seite
margin: 15px 25px 0 25px;

Vorher: römisch IV
Bild

nachher: römisch V
Bild

#wrapnav {
width: 100%;
margin: 0;
background-color: #ECECEC; ändere ich in FF00FF
border-width: 1px;
border-style: solid;


Screen 1
Ka Wo die Änderungen sind, Test Acc wird erstellt.

border-color: #A9B8C2;
ändere ich auf 008000

Screen 2
ka wo die änderungen sind


#logodesc {
margin-bottom: 5px;
padding: 5px 25px;
background: #D9DFE4; ändere ich auf 0000FF
border-bottom: 1px solid #4787A7;ändere ich auf FF0000 sowie auf 5 PX


Screen 1 Backround
Bild

Screen 2 border-buttom
Bild


#menubar {
margin: 0 25px;
}

#datebar {
margin: 10px 25px 0 25px;
}

#findbar {
width: 100%;
margin: 0;
padding: 0;
border: 0;


Habe ich noch nicht getestet

.forumrules {
background-color: #F9CC79; ändere ich auf 0000FF
border-width: 1px; ändere ich auf 10
border-style: solid;
border-color: #BB9860; ändere ich auf FF0000
padding: 4px;
font-weight: normal;
font-size: 1.1em;
font-family: Verdana, Helvetica, Arial, "Lucida Grande", sans-serif;
}


ich kann keine Änderungen feststellen

.forumrules h3 {
color: red; ändere ich in #BF00FF


Keine Änderungen nicht feststellbar


/* Text
--------------------- */
h1 {
color: black; <- ändere ich auf Gold
font-family: Verdana, "Lucida Grande", "Trebuchet MS", sans-serif;
font-weight: bold;
font-size: 1.8em;
text-decoration: none;
}

h2 {
font-family: Verdana, Helvetica, Arial, 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: Verdana, Helvetica, Arial, sans-serif;
line-height: 120%;
}

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

p {
font-size: 1.1em;
}

p.moderators {
margin: 0;
float: left;
color: black; <- ändere ich in gold
font-weight: bold;
}

.rtl p.moderators {
float: right;
}

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

.rtl p.linkmcp {
float: left;
}

p.breadcrumbs {
margin: 0;
float: left;
color: black; <- ändere ich in Gold
font-weight: bold;
white-space: normal;
font-size: 1em;
}

.rtl p.breadcrumbs {
float: right;
}

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

.rtl p.datetime {
float: left;
}

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

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

.rtl p.searchbarreg {
float: left;
}

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

p.topicauthor {
margin: 1px 0;
}

p.topicdetails {
margin: 1px 0;


hier ändert man die Schrift, ka wo man im Forum die änderung alles bewirkt, aber das finden wir noch herraus.

.postreported, .postreported a:visited, .postreported a:hover, .postreported a:link, .postreported a:active {
margin: 1px 0; ändere ich auf 50 px
color: red; <- Ändere ich mal auf FF0000
font-weight:bold;
}

ka was sich geändert hat

.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a:link, .postapprove a:active {
color: green; <- ändere ich mal auf #BF80FF
font-weight:bold;
}

ebenfalls ka wo sich hier was änderte


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

.postauthor {
color: #000000; <- ändere ich auf 0000FF
}

.postdetails {
color: #000000; <- ändere ich auf 00FF00


Screen Postdetails
Bild
.postbody {
font-size: 1.3em;
line-height: 1.4em;
font-family: Verdana, Helvetica, Arial, "Lucida Grande", "Trebuchet MS", sans-serif;
}

.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: yellow; <- ändere ich in # 800000
} ka wo die änderung ist

.nav {
margin: 0;
color: black; <- FF00FF
font-weight: bold;
}
Screen: .nav
Bild


.pagination {
padding: 4px; <- ändere ich mal auf 20 px
color: black; <- änderung in FF00FF
font-size: 1em;
font-weight: bold;
} Screen pagination
Bild

.cattitle {

}

.gen {
margin: 1px 1px; ändere ich auf 10 px mal 10 px / ka wo die änderung ist
font-size: 1.2em;
}

.genmed {
margin: 1px 1px; ich ändere das mal auf 10 px mal 10 px / ka wo die änderung ist
font-size: 1.1em;
}

.gensmall {
margin: 1px 1px; ändere ich auf 10px mal 10 px
Screen vor der änderung
Bild

Screen nach der Änderung
Bild
font-size: 1em;
}

.copyright {
color: #444; ändere ich auf die Farbe 0000FF
font-weight: normal;
font-family: Verdana, Helvetica, Arial, "Lucida Grande", sans-serif;

Screen Copyright
Bild
}

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

.error {
color: red;
}


/* Tables
------------ */
th {
color: #FFA34F; ändere ich auf FF0000
änderung siehe Screen
Bild

font-size: 1.1em;
font-weight: bold;
background-color: #006699; ändere ich auf 0000FF <- geht nur wenn die Url bei backround gelöscht ist
background-image: url('styles/subsilver2/theme/images/cellpic3.gif'); <- löschen
white-space: nowrap;
padding: 7px 5px; ändere ich auf 70 px mal 70 px <- änderung siehe Screen
Bild
}

td {
padding: 2px; ändere ich auf 20 px
Screen Vor der Änderung
Bild

Screen nach der Änderung
Bild

}
td.profile {
padding: 4px; ändere ich auf 40 px,
Screen td.profile
Bild
}

.tablebg {
background-color: #A9B8C2; ändere ich mal auf FF0000
Screen vor der Veränderung
Bild

Screen nach der Veränderung
Bild
}

.catdiv {
height: 28px; <- änderung auf 50 px
margin: 0;
padding: 0;
border: 0;
background: white url('styles/subsilver2/theme/images/cellpic2.jpg') repeat-y scroll top left;<- änderung auf #00FF00 Url löschen
}
.rtl .catdiv {
background: white url('styles/subsilver2/theme/images/cellpic2_rtl.jpg') repeat-y scroll top right; <- änderung in #00FF00 Url löschen
}

.cat {
height: 28px; <- änderung auf 50 px
siehe Screen
Bild
margin: 0;
padding: 0;
border: 0;
background-color: #C7D0D7; änderung in #FF00FF geht nur wenn die Url bei background gelöscht ist
background-image: url('styles/subsilver2/theme/images/cellpic1.gif'); löschen
text-indent: 4px; <- änderung auf 40 px
}

.row1 {
background-color: #ECECEC; änderung in #FF0000
Screen:
Bild
padding: 4px;
Screen row1 padding
Bild
}

.row2 {
background-color: #DCE1E5; ändere ich in FF0000
padding: 4px;
Screen row2
Bild
beim padding siehe bitte oben bei row1
}

.row3 {
background-color: #C0C8D0; ändere ich in FF0000
padding: 4px;
Screen row3
Bild
padding siehe row1
}

.spacer {
background-color: #D1D7DC; änderung auf FF0000
Screen spacer
Bild

hr {
height: 1px; <- änderung auf 20 px
border-width: 0;
background-color: #D1D7DC; änderung auf #FF0000
Screen background-collor
Bild
die höhe wird oben bei height eingestellt.

color: #D1D7DC; änderung auf #FF00FF
wo sich hier die Änderung versteckt kann ich nicht sagen ich suche noch.
p.s. da ich nix gefunden habe habe ich das letzte collor gelöscht.

.legend {
text-align:center;
margin: 0 auto;
}


/* Links
------------ */
a:link {
color: #ffd700; ändere ich auf #FF0000
text-decoration: none;
} Screen a:link ( abmelden / loggin usw. )
Bild

a:active,
a:visited {
color: #005784; ändere ich auf FF0000
text-decoration: none;
} Screen a:active a.visited
Bild

a:hover {
color: #D46400; ändere ich auf FF0000
text-decoration: underline;
}Screen a:hover
Bild
die Farbe des Hovers ist der Link den man sieht wenn man mit der maus drauf geht.

a.forumlink {
color: #069; ändere ich auf FF0000
font-weight: bold;
font-family: Verdana, Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 1.2em;
Screen forumlink
Bild
}

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

a.topictitle:visited {
color: #5493B4; ändere ich auf FF0000
text-decoration: none;
Screen
Bild

th a,
th a:visited {
color: #FFA34F !important; ändere ich auf FF0000
text-decoration: none;
Screen
Bild
}

th a:hover {
text-decoration: underline;

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

input {
color: #333333; ändere ich auf FF0000
Screen
Bild
font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: normal;
padding: 1px;
border: 1px solid #A9B8C2;
Screen input border
Bild
background-color: #FAFAFA;
}

textarea {
background-color: #FAFAFA; ändere ich auf FF0000
color: #333333; ändere ich auf 0000FF
font-family: Verdana, Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 1.3em;
line-height: 1.4em;
font-weight: normal;
border: 20px solid #A9B8C2; ändere ich in FF00FF
padding: 40px;
Screen textarea
Bild

select {
color: #333333; änderung auf FF0000
background-color: #FAFAFA; änderung auf 0000FF
font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: normal;
border: 1px solid #A9B8C2; änderung auf 20px und FF00FF
padding: 1px; änderung auf 40 px
Screen select
Bild
option {
padding: 0 1em 0 0;
}

option.disabled-option {
color: greytext;
}

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

input.radio {
border: none;
background-color: transparent;
}

.post {
background-color: white;
border-style: solid;
border-width: 1px; <- änderung auf 20 px (gelb)
Screen post
[URL=http://imageshack.us]Bild
}

.btnbbcode {
color: #000000; änderung auf # FF0000
font-weight: normal;
font-size: 1.1em;
font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
background-color: #EFEFEF; änderung auf 0000FF
border: 1px solid #666666; änderung auf 2 px sowie FF00FF
Screen btnbbcode
Bild
}

.btnmain {
font-weight: bold;
background-color: #ECECEC;
border: 1px solid #A9B8C2;
cursor: pointer;
padding: 3px 20px;
font-size: 1.1em;
Screen .btnmain
Bild

.btnlite {
font-weight: normal;
background-color: #farbe;
border: 5px solid #farbe;
cursor: pointer;
padding: 1px 5px;
font-size: 1.1em;
Screen .btnlite
Bild

.btnfile {
font-weight: normal;
[b]background-color: #FF0000;
border: 1px solid #0000FF;[/b]
padding: 1px 5px;
font-size: 1.1em;
Screenshot .btnfile
Bild

.helpline {
background-color: #DEE3E7; änderung auf FF0000
border-style: none;
Screen .helpline
Bild



/* BBCode
------------ */
.quotetitle, .attachtitle {
margin: 10px 5px 0 5px;
padding: 4px;
border-width: 1px 1px 0 1px; <- hier ändert man die höhe der Umrandung
border-style: solid;
border-color: #A9B8C2; änderung auf FF0000
color: #333333; änderung auf FF00FF
background-color: #A9B8C2; änderung auf 0000FF
font-size: 0.85em;
font-weight: bold;

bordercolor = obere umrandung quote
color = das wort quote
backroundcolor = farbe innen quotefenster oben
} Screen quotetitle
Bild

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

.quotecontent, .attachcontent
bordercolor = untere umrandung quote
color = quote text
backroundcolor = farbe innen quotefenster unten

codetitle
bordercolor = obere umrandung code
color = das wort code
backroundcolor = farbe innen codefenster oben

.codecontent
bordercolor = untere umrandung code
color = code text
backroundcolor = farbe innen codefenster unten

}

.syntaxbg {
color: #FFFFFF;
}

.syntaxcomment {
color: #FF8000;
}

.syntaxdefault {
color: #0000BB;
}

.syntaxhtml {
color: #000000;
}

.syntaxkeyword {
color: #007700;
}

.syntaxstring {
color: #DD0000;
}

/* Private messages
------------------ */
.pm_marked_colour {
background-color: #000000;
}

.pm_replied_colour {
background-color: #A9B8C2;
}

.pm_friend_colour {
background-color: #007700;
}

.pm_foe_colour {
background-color: #DD0000;
}


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

.sep {
color: black;
background-color: #FFA34F;
}

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;
}
Zuletzt geändert von Schlosswächter am 14.01.2009, 12:18, insgesamt 3-mal geändert.
Mit freundlichen Gruß
Der Schlosswächter

unser Forum:
Sicherheitszentrum von Württemberg
http://www.bboard.de/board/index.php?nx ... 3c774f5551
Botschaft zu Württemberg
http://www.iphpbb.com/board/index.php?n ... fdc5c8de7c
Die Ritterschaft zu Blauen Erde
http://www.iphpbb.com/forum/index.php?n ... 9748nx2120
Germanz der Clan
http://germanzderclan.iphpbb3.com/forum ... 6014nx5632
Benutzeravatar
Schlosswächter
Mitglied
Mitglied
 
Beiträge: 66
Registriert: 02.08.2007, 07:55

Beitragvon Schlosswächter » 21.12.2007, 05:32

so habe hier mal was ausgearbeitet, ist keine Feinarbeit sondern extrem grob zusammen gearbeitet, auch fehlen einige änderungen, die ich noch nicht gefunden habe, wer bereits diese änderungen gesehen hat, oder Fehler endeckt, der schreibt dieses bitte nieder, ich versuche die Anleitung noch übersichtlicher zu machen, und ich glaube mit eurer Hilfe gelingt das auch :)

also bitte wenn ihr was wisst, oder Fehler endeckt schreibt bitte hier, auch Hilfe zur übersichtlichkeit ist gern gesehen. Ich danke im Vorraus.

Die Vorlage ist Subsilver 2
Mit freundlichen Gruß
Der Schlosswächter

unser Forum:
Sicherheitszentrum von Württemberg
http://www.bboard.de/board/index.php?nx ... 3c774f5551
Botschaft zu Württemberg
http://www.iphpbb.com/board/index.php?n ... fdc5c8de7c
Die Ritterschaft zu Blauen Erde
http://www.iphpbb.com/forum/index.php?n ... 9748nx2120
Germanz der Clan
http://germanzderclan.iphpbb3.com/forum ... 6014nx5632
Benutzeravatar
Schlosswächter
Mitglied
Mitglied
 
Beiträge: 66
Registriert: 02.08.2007, 07:55

Beitragvon chris » 21.12.2007, 08:36

wow. :zustimm:
-> Kein support per PN !!
-> Bist du mit unserem Support zufrieden, dann werde Fan von xa-media auf Facebook
Benutzeravatar
chris
Administrator
Administrator
 
Beiträge: 16981
Registriert: 16.07.2003, 17:54
Wohnort: Gmunden

Beitragvon whitebuffalo » 21.12.2007, 12:09

Hi Schlosswächter,

Bild

da sage ich mal ein herzliches Dankeschön für deine Fleissarbeit.

Damit hast du mir -und mit Sicherheit auch vielen anderen- sehr geholfen.

Gruß
Whitebuffalo
Bild
whitebuffalo
Kaiser
Kaiser
 
Beiträge: 559
Registriert: 25.11.2006, 12:07
Wohnort: Ostfriesland

Beitragvon Schlosswächter » 21.12.2007, 17:00

Danke ^^ für das Lob, ich hoffe das man damit gut arbeiten kann, ich werde noch später eine überarbeitung machen. damit es verständlicher ist.
Mit freundlichen Gruß
Der Schlosswächter

unser Forum:
Sicherheitszentrum von Württemberg
http://www.bboard.de/board/index.php?nx ... 3c774f5551
Botschaft zu Württemberg
http://www.iphpbb.com/board/index.php?n ... fdc5c8de7c
Die Ritterschaft zu Blauen Erde
http://www.iphpbb.com/forum/index.php?n ... 9748nx2120
Germanz der Clan
http://germanzderclan.iphpbb3.com/forum ... 6014nx5632
Benutzeravatar
Schlosswächter
Mitglied
Mitglied
 
Beiträge: 66
Registriert: 02.08.2007, 07:55

Re: [Hilfe / Anleitung] Stylprogramierung

Beitragvon Wii-meister » 29.12.2007, 21:33

border-color: #A9B8C2;
ändere ich auf 008000


Screen 1 Backround


das geht bei mir nicht... :(
warum geht das nicht?
Bild

Zur Topliste -> Bild <- Zur Topliste
Hier seht ihr die größten Wiiseiten die ich kenne sie haben über 300 Besucher !
Benutzeravatar
Wii-meister
Mitglied
Mitglied
 
Beiträge: 41
Registriert: 17.12.2007, 19:47

Re: [Hilfe / Anleitung] Stylprogramierung

Beitragvon Forza SVE » 29.12.2007, 22:14

Hallo,
Du mußt immer!!! ein Raute zeichen davor setzen,dann müsste es doch gehen.
Forza SVE
Routinier
Routinier
 
Beiträge: 238
Registriert: 21.10.2007, 10:16

Re: [Hilfe / Anleitung] Stylprogramierung

Beitragvon Wii-meister » 29.12.2007, 23:01

habe ich geht aber immer noch nicht....

habs so gemacht : #6699FF
Bild

Zur Topliste -> Bild <- Zur Topliste
Hier seht ihr die größten Wiiseiten die ich kenne sie haben über 300 Besucher !
Benutzeravatar
Wii-meister
Mitglied
Mitglied
 
Beiträge: 41
Registriert: 17.12.2007, 19:47

Re: [Hilfe / Anleitung] Stylprogramierung

Beitragvon Supporter » 30.12.2007, 10:10

Wii-meister hat geschrieben:habe ich geht aber immer noch nicht....

habs so gemacht : #6699FF


Semikolon vergessen?
Benutzeravatar
Supporter
Support Moderator
Support Moderator
 
Beiträge: 2419
Registriert: 14.04.2004, 11:51

Re: [Hilfe / Anleitung] Stylprogramierung

Beitragvon Wii-meister » 31.12.2007, 18:17

jopp das wars herzlichen dank
Bild

Zur Topliste -> Bild <- Zur Topliste
Hier seht ihr die größten Wiiseiten die ich kenne sie haben über 300 Besucher !
Benutzeravatar
Wii-meister
Mitglied
Mitglied
 
Beiträge: 41
Registriert: 17.12.2007, 19:47

Nächste

Zurück zu iphpbb3.com - Styles

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast

cron