Hoe heet deze balk?

Hulp nodig bij een stijl? Voor zowel XHTML/CSS als grafische vragen uiteraard gerelateerd aan phpBB3.
Forumregels

LEES: Richtlijnen voor Support. Vul de support template in!
phpBB3.0.x
Verschaf iemand geen servertoegang tenzij het niet anders kan. Maak altijd eerst een volledige backup en verander de inloggevens na afloop. Eigen risico.
Plaats reactie
vrolijkehollander
Berichten: 11
Lid geworden op: 19 jan 2011, 19:53

Hoe heet deze balk?

Bericht door vrolijkehollander » 02 feb 2011, 19:27

Ik heb de kleuren van mijn forum veranderd.
Maar de kleur van de balk waar de woorden forum, onderwerpen, berichten en laatste bericht in staan heb ik niet van kleur kunnen veranderen.
Misschien komt dit omdat ik er steeds overheen kijk?

Hoe wordt deze balk genoemd in de stylessheet.css map?
Dan kan ik op naam zoeken.

Alvast bedankt!

Groetjes,
Chantal.

Gebruikersavatar
PhilipvD
Berichten: 1690
Lid geworden op: 23 feb 2008, 20:06

Re: Hoe heet deze balk?

Bericht door PhilipvD » 02 feb 2011, 19:44

Die kan je vinden in common.css, de bovenste (dikke) rand is een afbeelding daar word ook naar verwijst in common.css.
De dunne onderste rand vind je in colours.css onder .forabg {.

vrolijkehollander
Berichten: 11
Lid geworden op: 19 jan 2011, 19:53

Re: Hoe heet deze balk?

Bericht door vrolijkehollander » 04 feb 2011, 15:01

Euh.....dit is wat ik zie:

/* 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: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
color: #000000;
background-color: #eeeedd;
font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
margin: 0;
background-image: url("./images/backs.gif");
background-repeat: no-repeat;
background-position: top right;
}

#wrapheader {
min-height: 120px;
height: auto !important;
height: 120px;
width: 85%;
margin: 0 auto;
/*background-image: url('./images/background.gif');*/

background-color: #DDA0DD;
border-style: solid solid none solid;
border-color: #9933FF;
border-width: 1px;
padding: 0 10px;
margin-top: 25px;
}

#wrapcentre {
width: 85%;
margin: 0 auto;
background-color: #D8BFD8;
padding: 0 0px;
border-style: none solid;
border-color: #9933FF;
border-width: 1px;
}

#wrapfooter {
width: 85%;
text-align: center;
clear: both;
padding: 0 20px;
padding-top: 20px;
padding-bottom: 30px;
margin: 0 auto;
background-color: #DDA0DD;
border-style: none solid solid solid;
border-color: #9933FF;
border-width: 1px;
margin-bottom: 25px;
}

#wrapnav {
width: 100%;
margin: 0;
background-color: #DDA0DD;
border-width: 1px;
border-style: solid;
border-color: #9933FF;
}

#logodesc {
margin-bottom: 5px;
padding: 5px 25px;
border-bottom: 1px solid #9933FF;
}

#menubar {
margin: 0 0px;
}

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

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

.forumrules {
background-color: #DDA0DD;
border-width: 1px;
border-style: solid;
border-color: #9933FF;
padding: 4px;
font-weight: normal;
font-size: 1.1em;
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.forumrules h3 {
color: blue;
}

#pageheader { }
#pagecontent { }
#pagefooter { }

#poll { }
#postrow { }
#postdata { }


/* Text
--------------------- */
h1 {
color: black;
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: 0;
font-size: 1.1em;
font-weight: bold;
}

p {
font-size: 1.1em;
}

p.moderators {
margin: 0;
float: left;
color: black;
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;
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;
}

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

.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a:link, .postapprove a:active {
color: green;
font-weight:bold;
}

.postapprove img, .postreported img {
vertical-align: bottom;
padding-top: 5px;
}

.postauthor {
color: #000000;
}

.postdetails {
color: #000000;
}

.postbody {
font-size: 1.3em;
line-height: 1.4em;
font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, 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;
}

.nav {
margin: 0;
color: black;
font-weight: bold;
}

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

.cattitle {

}

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

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

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

.copyright {
color: #000000;
font-weight: normal;
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

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

.error {
color: red;
}


/* Tables
------------ */
th {
color: #DDA0DD;
font-size: 1.1em;
font-weight: bold;
background-color: #9932CC;
background-image: url('./images/cellpic3.gif');
white-space: nowrap;
padding: 7px 5px;
}

td {
padding: 2px;
}
td.profile {
padding: 4px;
}

.tablebg {
background-color: #9932CC;
}

.catdiv {
height: 28px;
margin: 0;
padding: 0;
border: 0;
background: white url('./images/cellpic2.jpg') repeat-y scroll top left;
}
.rtl .catdiv {
background: white url('./images/cellpic2_rtl.jpg') repeat-y scroll top right;
}

.cat {
height: 28px;
margin: 0;
padding: 0;
border: 0;
background-color: #9933FF;
background-image: url('./images/cellpic1.gif');
text-indent: 4px;
}

.row1 {
background-color: #DDA0DD;
padding: 4px;
}

.row2 {
background-color: #D8BFD8;
padding: 4px;
}

.row3 {
background-color: #9932CC;
background-image: url('./images/cellpic4.gif');
padding: 4px;
}

.spacer {
background-color: #9933FF;
}

hr {
height: 1px;
border-width: 0;
background-color: #D8BFD8;
color: #9933FF;
}

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

/* Links
------------ */

/* Links adjustment to correctly display an order of rtl/ltr mixed content */
.rtl a {
direction: rtl;
unicode-bidi: embed;
}

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

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

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

a.forumlink :hover{
color: #191970;
text-decoration: underline;
}

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

a.topictitle:visited {
text-decoration: none;
}

a.topictitle:hover {
color: #191970;
text-decoration: underline;
}

th a,
th a:visited {
color: ad194f !important;
text-decoration: none;
}

th a:hover {
text-decoration: underline;
}

/* Post body links */
.postlink:link, .postlink:active, .postlink:visited {
color: #DDA0DD;
border-bottom: 1px dotted #D8BFD8;
}

.postlink:hover {
background-color: #9932CC;
text-decoration: none;
}


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

input {
color: #191970;
font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: normal;
padding: 1px;
border: 1px solid #9933FF;
background-color: #D8BFD8;
}

textarea {
background-color: #D8BFD8;
color: #191970;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-size: 1.3em;
line-height: 1.4em;
font-weight: normal;
border: 1px solid #9933FF;
padding: 2px;
}

select {
color: #191970;
background-color: D8BFD8;
font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: normal;
border: 1px solid #9933FF;
padding: 1px;
}

option {
padding: 0 1em 0 0;
}

option.disabled-option {
color: graytext;
}

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

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

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

.btnbbcode {
color: #191970;
font-weight: normal;
font-size: 1.1em;
font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
background-color: #DDA0DD;
border: 1px solid #9933FF;
}

.btnmain {
font-weight: bold;
background-color: #DDA0DD;
border: 1px solid #9933FF;
cursor: pointer;
padding: 1px 5px;
font-size: 1.1em;
}

.btnlite {
font-weight: normal;
background-color: #DDA0DD;
border: 1px solid #9933FF;
cursor: pointer;
padding: 1px 5px;
font-size: 1.1em;
}

.btnfile {
font-weight: normal;
background-color: #DDA0DD;
border: 1px solid #9933FF;
padding: 1px 5px;
font-size: 1.1em;
}

.helpline {
background-color: #9933FF;
border-style: none;
}


/* BBCode
------------ */
.quotetitle, .attachtitle {
margin: 10px 5px 0 5px;
padding: 4px;
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #9933FF;
color: #191970;
background-color: #D8BFD8;
font-size: 0.85em;
font-weight: bold;
}

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

.quotecontent, .attachcontent {
margin: 0 5px 10px 5px;
padding: 5px;
border-color: #9933FF;
border-width: 0 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: #DDA0DD;
color: #191970;
}

.attachcontent {
font-size: 0.85em;
}

.codetitle {
margin: 10px 5px 0 5px;
padding: 2px 4px;
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #9933FF;
color: #191970;
background-color: #DDA0DD;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-size: 0.8em;
}

.codecontent {
direction: ltr;
margin: 0 5px 10px 5px;
padding: 5px;
border-color: #9933FF;
border-width: 0 1px 1px 1px;
border-style: solid;
font-weight: normal;
color: #191970;
font-size: 0.85em;
font-family: Monaco, 'Courier New', monospace;
background-color: #DDA0DD;
}

.syntaxbg {
color: #191970;
}

.syntaxcomment {
color: #000000;
}

.syntaxdefault {
color: #191970;
}

.syntaxhtml {
color: #000000;
}

.syntaxkeyword {
color: #191970;
}

.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: #9932CC;
}

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;
}




Volgens mij zie ik het er niet bij staan?

vrolijkehollander
Berichten: 11
Lid geworden op: 19 jan 2011, 19:53

Re: Hoe heet deze balk?

Bericht door vrolijkehollander » 04 feb 2011, 15:41

En waar kan ik de knoppen "nieuw bericht" en "antwoorden" van kleur veranderen?

Voor mijn gevoel heb ik alles al een keer aangepast namelijk. Maar die ene balk en de knoppen hebben nog steeds niet de kleur die ik wil.....

Alvast heel erg bedankt!

Groetjes,
Chantal.

Gebruikersavatar
Kevin
Berichten: 1684
Lid geworden op: 06 nov 2007, 17:22
Locatie: Brabants schoon
Contacteer:

Re: Hoe heet deze balk?

Bericht door Kevin » 04 feb 2011, 17:03

Die balk en die knoppen zijn afbeeldingen, die zul je met bijvoorbeeld photoshop moeten aanpassen.
Afbeelding
ForumHulp.nl kan u helpen met: Technisch onderhoud, Extensies installaties/aanpassingen en Webdesign.

Teammember op Afbeelding phpBBservice.nl Afbeelding , Winnaar in de phpBB awards 2009, 2010 en 2012 met AquaforA

vrolijkehollander
Berichten: 11
Lid geworden op: 19 jan 2011, 19:53

Re: Hoe heet deze balk?

Bericht door vrolijkehollander » 04 feb 2011, 19:45

Oooh, vandaar dat ik ze niet kan vinden!
Dank je wel!

vrolijkehollander
Berichten: 11
Lid geworden op: 19 jan 2011, 19:53

Re: Hoe heet deze balk?

Bericht door vrolijkehollander » 04 feb 2011, 22:47

Goed, nieuwe balk en nieuwe knoppen gemaakt in photoshop.
En ik zoeken en zoeken waar ik ze dan moest plaatsen.
Had de volgende uitleg gevonden:
6.) Het kleuren van de forums bg kleur.

http://forum.phpbbservice.nl/viewtopic. ... ren#p17140

Maar nu:
1) ik vind nergens een common css (wel een common php, maar volgens mij kan ik daar niets in veranderen)
2) "We starten met de afbeelding genaamd bg_list.gif, die je kan terug vinden in de map styles/prosilver/theme/images/"
Maar ik vind geen bg_list.gif wel staan er:backs.gif - cellpic 1t/m 4. gif - spacer.gif- whosonline.gif en de iconen gifjes zoals zoeken, login e.d.

Kan iemand mij weer op weg helpen?

Gebruikersavatar
Kevin
Berichten: 1684
Lid geworden op: 06 nov 2007, 17:22
Locatie: Brabants schoon
Contacteer:

Re: Hoe heet deze balk?

Bericht door Kevin » 05 feb 2011, 11:15

Jouw stijl is subsilver 2 gebaseerd, je hebt dus niets aan prosilver aanwijzingen.
Die afbeelding staat die niet in styles/jouwstijl/theme/images/cellpic3.gif ?
De knoppen staan in styles/jouwstijl/imageset/nl ;)
Afbeelding
ForumHulp.nl kan u helpen met: Technisch onderhoud, Extensies installaties/aanpassingen en Webdesign.

Teammember op Afbeelding phpBBservice.nl Afbeelding , Winnaar in de phpBB awards 2009, 2010 en 2012 met AquaforA

vrolijkehollander
Berichten: 11
Lid geworden op: 19 jan 2011, 19:53

Re: Hoe heet deze balk?

Bericht door vrolijkehollander » 05 feb 2011, 21:23

:bier:
Jaaa, dat was 'm idd!!!!
Goh, straks weet ik waar alles zit en doe ik er niets meer mee. :roll: :lol:

Nu nog die knoppen zien te vinden. Heb nieuwe in photoshop gemaakt.


Bedankt weer tot zover!

vrolijkehollander
Berichten: 11
Lid geworden op: 19 jan 2011, 19:53

Re: Hoe heet deze balk?

Bericht door vrolijkehollander » 05 feb 2011, 21:27

Zo heeee, heb de knoppen ook gevonden.
Nu begin ik de directadmin eindelijk te begrijpen.......

Het heeft even geduurd, maar dan heb ik ook wat he?! ;)

Plaats reactie