Kleuren in PHP

Status
Niet open voor verdere reacties.
H

HansKlH

Gebruiker
Lid geworden
1 aug 2010
Berichten
22
Hallo iedereen!

Ik ben net pas op deze site en heb al een vraag, of had ik al een vraag en heb toen gezocht naar deze site??:cool:

Mijn vraag is hoe kan ik de kleuren van een bestaande site in PHP veranderen? Ik heb van de oude site onderhouder de bestanden allemaal gekregen en zag toen pas dat alles in PHP was. Ik ouwe rot in het site wereldje dat index.html heet had zelfs nooit met PHP gewerkt. Toen ik de man vroeg hoe je iets moest aanpassen zei hij dat hij alleen tekst had aan gepast en voor de rest niets.

Dus wie kan mij vertellen hoe ik dat kan aanpassen. De kleur van de site wil ik groen hebben zoals in het logo. en de kleur van het letter type wil ik zoals de kleur van de letters in het logo. Voorbeeld van de site is te zien op http://bcpax.eu. Ik had dit al geprobeerd in frontpage en daar ziet alles er gelikt uit. Alleen als ik de bestanden overzet naar server veranderd hier en daar wel de kleur van de letters maar niet de achterkant.

Alvast bedankt Hans
 
Moet je weten php in kleuren moet je weten dat wij de code niet kunnen zien omdat alles op de server wordt uitgevoerd dus je zal betreffende script hier moeten plaatsen.

Verder eens zoeken of je een css tag vindt en ook een cssfile. (.css) cascade style sheat
 
kenikavanbis zei:
Moet je weten php in kleuren moet je weten dat wij de code niet kunnen zien omdat alles op de server wordt uitgevoerd dus je zal betreffende script hier moeten plaatsen.

Verder eens zoeken of je een css tag vindt en ook een cssfile. (.css) cascade style sheat
Klik om te vergroten...

Welk script en welke codes??
 
Naarling zei:
Heeft niets met PHP te maken, je kunt dat in het http://bcpax.eu/css/default.css bestand aanpassen. Gewoon openen in kladblok o.i.d. en de kleuren aanpassen naar wat jij wilt. ALs de kleur in een plaatje zit ul je natuurlijk een nieuw plaatje moeten maken.

HTML kleurcodes kun je, bijvoorbeeld, uitzoeken op http://html-color-codes.info/HTML-Kleurcodes/
Klik om te vergroten...

Hoi Niet Naarling. Ik heb veel hulp van je antoord alleen! Krijg ik de kleur van het middelste frame niet goed. Het blijft wit.

Kan jij zien aan de css bestand wat er fout is of gaat?:confused:
Groetjes, Hans
Code: 
-----------------------------------------------------------------------------------------------------------------------------------------------------

/* ALGEMENE LAYOUT VAN DE SITE */

body {								/*Deze instellingen gelden voor de complete pagina*/
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	height: 100%;
	max-height: 100%;
	background: #29673B;
}

#frametop {							/*Deze instelling gelden voor het bovenste frame*/
	position: absolute;
	top: 0;
	left: 146px;
	right: 150px;
	width: auto;
	height: 150px; 					/*Hoogte van het bovenste frame*/
	overflow: hidden; 				/*Scrollbars uitgeschakeld. Verander in "scroll" om in te schakelen*/
	background-color: #29673B;
	vertical-align:bottom;
}

#framebottom {						/*Deze instelling gelden voor het onderste frame*/
	position: absolute;
	top:auto;
	left: 150px;
	right: 150px;
	width: auto;
	height: 50px; 					/*Hoogte van het onderste frame*/
	bottom: 0;
	color: black;
	overflow: hidden;
}

#frameleft, #frameright{			/*Deze instelling gelden voor het linker- en rechter frame*/
	position: absolute;
	top: 0;
	left: 0;
	width: 150px; 					/*Breedte van het linker en rechter frame*/
	height: 100%;
	overflow: hidden; 				/*Scrollbars uitgeschakeld. Verander in "scroll" om in te schakelen*/
	background-color: #29673B;
	color: white;
}

#frameright{						/*Deze instelling gelden alleen voor het rechter frame*/
	left: auto;
	right: 0;
	overflow: hidden; 				/*Scrollbars uitgeschakeld. Verander in "scroll" om in te schakelen*/
	background-color: #29673B;
	color: white;
}

#content {							/*Deze instellingen gelden voor de daadwerkelijke tekst*/
	background: white; 
	position: fixed;
	top: 150px;						/*Stel deze in op de hoogte van het bovenste frame*/
	bottom: 50px;					/*Stel deze in op de hoogte van het onderste frame*/
	left: 150px;					/*Stel deze in op de hoogte van het linker frame*/
	right: 150px;					/*Stel deze in op de hoogte van het rechter frame*/
	overflow:auto;
	border: 1px solid gray;
}

#menucontainer {					/*Hulpframe om het menu een vaste plaats op een pagina te geven*/
	position: absolute;
	top: 155px;
	left: 10px;
	width: 125px;
	text-align: right;
}

.buttons a{							/*Deze instelling gelden alleen voor het verticale menu*/
	color: #FF0000;
	background-color: #29673B;
	padding: 2px;
	padding-right: 4px;
	display: block;
	text-decoration: underline;
	border: 1px solid gray;
}

.logo {
	position:absolute;
	top:0px;
	right:0px;

}

.fillerbottom {
	position:absolute;
	bottom: 0px;
	right: 0px;
	width: 150px;
	height: 50px;
	background: #29673B;
	overflow: hidden;
	text-align: center;
	font-weight: bold;
}

.innertube {
	margin: 10px
}
	
* html body { /*IE6 hack*/
	padding: 150px 150px 50px 150px	/*HoogteVanBovensteFrame BreedteVanRechterFrame HoogteVanOndersteFrame BreedteLinkerFrame)*/
}

* html #content { /*IE6 hack*/
height: 100%; 
width: 100%
}

/* LETTERTYPEN */

body, td{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px
}

h1 {
	color: #F4EE3C;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font: small-caps;
	text-indent: 10px;
	margin-top: 10px
}

h2 {
	color: #F4EE3C;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px
}

h3 {
	color: #F4EE3C;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px
}

a {
	color: #FF0000;
	font-weight: bold
}

label {
	color: #F4EE3C;
	font-weight: bold;
	vertical-align:top
}

textarea, input {
	font-family: Verdana;
	font-size: 12px
}

li {
	list-style: disc inside
}

#titel {
	font-size: 32px;
	font-weight: bold;
	color: #F4EE3c;
	text-align: center;
}
 
Laatst bewerkt door een moderator:
Onder #content even de kleur van background aanpassen.
 
Hoi HansKlH,
Wat ik ook even in de gaten zou houden, is het kleurcontrast tussen de achtergrond en de letters op de voorgrond. Vooral het rood-groen is gevaarlijk:

pax-groen-rood.gif

Het is bijvoorbeeld het geval dat ca. 1 op de 10 mannen een kleurenblindheid in het rood/groen hebben. Er zijn verschillende varianten van kleurenblindheid, en ééntje is deze:

pax-kleurenblind.gif

Dat klikt niet zo makkelijk op het menu! ;)
En mocht je er wat meer over willen lezen, dan heb ik deze voor je:
Met vriendelijke groet,
CSShunter

[Edit]O, ik zie nog staan: "Laatst bijgewerkt: 31 augustus 2010".
O, en intussen is de #content-achtergrondkleur veranderd, zie ik, dus m'n plaatjes kloppen niet helemaal meer.Maar het grood/groen blijft gevaarlijk![/edit]
 
Laatst bewerkt:
csshunter zei:
Hoi HansKlH,
Wat ik ook even in de gaten zou houden, is het kleurcontrast tussen de achtergrond en de letters op de voorgrond. Vooral het rood-groen is gevaarlijk:

pax-groen-rood.gif

Het is bijvoorbeeld het geval dat ca. 1 op de 10 mannen een kleurenblindheid in het rood/groen hebben. Er zijn verschillende varianten van kleurenblindheid, en ééntje is deze:

pax-kleurenblind.gif

Dat klikt niet zo makkelijk op het menu! ;)
En mocht je er wat meer over willen lezen, dan heb ik deze voor je:
Met vriendelijke groet,
CSShunter

[Edit]O, ik zie nog staan: "Laatst bijgewerkt: 31 augustus 2010".
O, en intussen is de #content-achtergrondkleur veranderd, zie ik, dus m'n plaatjes kloppen niet helemaal meer.Maar het grood/groen blijft gevaarlijk![/edit]
Klik om te vergroten...

hoi CSSHunter

Ja dat klopt allemaal dat het niet makkelijk is met die kleuren. Maar het logo van de club heeft nou eenmaal deze kleuren. Ook ben ik geen held in het aanpassen van php bestanden heb altijd gewerkt met frontpage en dan dus html. Dit is dus echt helemaal nieuw voor mij.
Moet nog kijken of ik niet alles verander naar html.

Bedankt voor je links zal er eens naar kijken.

Groet Hans
 
Misschien zou je er voorlopig in de css zoiets van kunnen maken:
Code: 
#frametop a { / *deze toevoegen */
   line-height: 150%;
   color: red;
   background: #FFFFC0;
   padding: 2px 1px;
   text-decoration: none;
   font-family: arial, sans-serif;
   font-size: .9em;
}

#frametop a:hover,
#framerop a:focus { / *deze toevoegen */
   background: white;
}

#content {
   color: #404040;
   background-color: #FFFFC0;
}

h2 {
   color: #29673B;
}

Succes!
Met vriendelijke groet,
CSShunter
 
csshunter zei:
Misschien zou je er voorlopig in de css zoiets van kunnen maken:
Code: 
#frametop a { / *deze toevoegen */
   line-height: 150%;
   color: red;
   background: #FFFFC0;
   padding: 2px 1px;
   text-decoration: none;
   font-family: arial, sans-serif;
   font-size: .9em;
}

#frametop a:hover,
#framerop a:focus { / *deze toevoegen */
   background: white;
}


iK ZAL KIJKEN WAT HET WORDT, MAAR VIND HET VOOR NU EEN LEUKE OPLOSSING!!
tHANKS


#content {
   color: #404040;
   background-color: #FFFFC0;
}

h2 {
   color: #29673B;
}

Succes!
Met vriendelijke groet,
CSShunter
Klik om te vergroten...
 
Hoi CSShunter

Ik krijg het niet goed. Vind de kleuren zo wel beter maar de tekst kleur veranderd in heel donker. Waar moet ik wat precies plaatsen??

Thanks voor je Hulp, Hans
 
effe concreet zijn nu

deze zijn allebij backgroundcolors
Code: 
	background: #29673B;
        background: white;
        background-color: #29673B;
deze zijn tekst kleur
Code: 
       color: #FF0000;
       color: black;
ps en moet u het niet weten is het binnen een css tag
.classename{}
<?? class="classename">
#idname
<?? id="idname">
body
<body>
 
csshunter zei:
Welke tekstkleur had je gehad willen hebben?
Klik om te vergroten...

Hoi CSSHunter

Sorry voor de late reactie maar ik moest vandaag voor het eerst weer werken. Ben dus gisteren vroeg naar beneden gegaan om samen met de vrouw tv te kijken en afscheid te nemen van d vakantie.

De kleuren die jij had gemaakt zijn leuk , alleen als ik de code er tussen zet in mijn css wordt alles niet mooi. Daarom vroeg ik ook waar ik de code moest plakken of tussen zetten. Ik had jou code tussen mijn code geplaatst en kreeg toen hele rare donkere kleuren (sorry lees noob)
Als je mij dus kan vertellen hoe mijn css er precies uit zou moeten zien. met die gele kleur om mijn menu enz.

Ik moet mij echt nog helemaal oriënteren met PHP.

Groetjes, Hans
 
... kreeg toen hele rare donkere kleuren ...
Klik om te vergroten...
Ai, mijn fout! :o
Had per abuis een verkeerde spatie ingetikt tussen de / en de * in de css:
/ *deze toevoegen */
moest zijn:
/* deze toevoegen */.
Anders werkt het niet als commentaar-regel, en kan wat erna komt mooi de fout in gaan...
Als je dit stylesheet de naam default.css geeft, kan je het uploaden als vervanging van je huidige default.css.

Met vriendelijke groet,
CSShunter

PS:
Het is niet de PHP die voor de kleuren en andere styles zorgt, maar dit CSS-stylesheet.

Het lastige van deze site is wel, dat het waarschijnlijk vroeger een uit frames en tabellen bestaande site was, die is omgezet naar php en css. Van de oude structuur zitten er nog wat restanten in de html, zodat niet alles met verse css geregeld kan worden.
Het mooiste zou zijn: een totaal nieuwe site-opbouw, waarin alle verouderde zaken aangepast zijn. :)
Maar daar ben je waarschijnlijk voorlopig niet aan toe.
 
Hoi CSSHunter Bedankt bijna alles is nu goed ik heb zelf ook al een pagina aangepast met tekst en een link naar een site. Nu alleen nog de kleuren van de contact pagina goed krijgen! Lukt mij niet zo snel. De letters zijn bijna niet te zien.
http://bcpax.eu/contact.php
Kijk maar eens of jij het snel ziet.

Groetjes, Hans
 
Yeps!
In je default.css staat:
Code: 
label {
   color: #F4EE3C;
   font-weight:bold;
   vertical-align:top;
}
Daarin moet je het regeltje
Code: 
   color: #F4EE3C;
even wissen.

Met vriendelijke groet,
CSShunter
 
Hoi CssHunter

ik ben mij vandaag een beetje aan het verdiepen in de PHP bestanden. Ik kom steeds meer tegen dat veranderd moet worden en gek genoeg lukt het ook. Ik ben koppen aan het aanpassen, de datum op de index site kon ik nu ook aanpassen en op de rest van de sites ben ik teksten en regelafstanden aan het veranderen. Mijn volgend project is om er een site bij te krijgen waar leden komen met misschien foto, email, datum van lidmaatschap en telefoonnummer wil in zetten. Ik zal dan zeker een tabel moeten invoeren?? Groetjes, bedankt en zeker tot een volgende keer, Hans
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan