Stijl kleuren veranderen

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
Gebruikersavatar
Dmeijer13
Berichten: 1074
Lid geworden op: 25 jan 2008, 22:20
Locatie: Raamsdonksveer (NB)

Stijl kleuren veranderen

Bericht door Dmeijer13 » 29 sep 2010, 05:39

Goedendag,

Ik wil de stijl ACHIK wat kleuren veranderen, de afbeeldingen zijn al veranderd grotendeels, maar sommige kleuren veranderen. Ik gok dat deze in de CSS zitten waarvan ik de meeste wel zeker weet dat ze daarin zitten.

Dit is de link naar de stijl hoe die nu is; http://rabbitsworld.nl/viewforum.php?f=49
De rand rondom de forums is nu paars en een deel blauw, standaard. Kan iemand mij vertellen hoe ik dat blauw óók naar paars verander? De afbeeldingen zijn veranderd,maar net dat stukkie niet dus ik denk dat het CSS is.

Daarnaast heb ik de vraag of iemand weet hoe de titels bij categorieën in de CSS worden aangeduid, of dat dit gewoon hetzelfde is als de gewone links, afgezien van de topiclist links.

Dan heb ik nog een 3e vraag, kan iemand mij vertellen hoe ik de header zodanig verander dat ik maar 1 afbeelding nodig heb voor een banner, en ook meteen de hoogte verander. (of is dit gewoon grotere afbeelding erin doen?

Inhoud overall_header.html:

Code: Selecteer alles

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<head>

<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="copyright" content="2000, 2002, 2005, 2007 phpBB Group" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
{META}
<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>

<!-- IF S_ENABLE_FEEDS -->
	<link rel="alternate" type="application/atom+xml" title="{L_FEED} - {SITENAME}" href="{U_FEED}" />
	<!-- IF S_ENABLE_FEEDS_NEWS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_NEWS}" href="{U_FEED}?mode=news" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_FORUMS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_ALL_FORUMS}" href="{U_FEED}?mode=forums" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPICS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_ALL_TOPICS}" href="{U_FEED}?mode=topics" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_FORUM and S_FORUM_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FORUM} - {FORUM_NAME}" href="{U_FEED}?f={S_FORUM_ID}" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPIC and S_TOPIC_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_TOPIC} - {TOPIC_TITLE}" href="{U_FEED}?f={S_FORUM_ID}&t={S_TOPIC_ID}" /><!-- ENDIF -->
<!-- ENDIF -->

<!--
	phpBB style name: prosilver
	Based on style:   prosilver (this is the default phpBB3 style)
	Original author:  Tom Beddard ( http://www.subBlue.com/ )
	Modified by:      
	
	NOTE: This page was generated by phpBB, the free open-source bulletin board package.
	      The phpBB Group is not responsible for the content of this page and forum. For more information
	      about phpBB please visit http://www.phpbb.com
-->

<script type="text/javascript">
// <![CDATA[
	var jump_page = '{LA_JUMP_PAGE}:';
	var on_page = '{ON_PAGE}';
	var per_page = '{PER_PAGE}';
	var base_url = '{A_BASE_URL}';
	var style_cookie = 'phpBBstyle';
	var style_cookie_settings = '{A_COOKIE_SETTINGS}';
	var onload_functions = new Array();
	var onunload_functions = new Array();

	<!-- IF S_USER_PM_POPUP -->
		if ({S_NEW_PM})
		{
			var url = '{UA_POPUP_PM}';
			window.open(url.replace(/&/g, '&'), '_phpbbprivmsg', 'height=225,resizable=yes,scrollbars=yes, width=400');
		}
	<!-- ENDIF -->

	/**
	* Find a member
	*/
	function find_username(url)
	{
		popup(url, 760, 570, '_usersearch');
		return false;
	}

	/**
	* New function for handling multiple calls to window.onload and window.unload by pentapenguin
	*/
	window.onload = function()
	{
		for (var i = 0; i < onload_functions.length; i++)
		{
			eval(onload_functions[i]);
		}
	}

	window.onunload = function()
	{
		for (var i = 0; i < onunload_functions.length; i++)
		{
			eval(onunload_functions[i]);
		}
	}

// ]]>
</script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/styleswitcher.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/forum_fn.js"></script>


<link href="{T_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
<link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />

<link href="{T_THEME_PATH}/normal.css" rel="stylesheet" type="text/css" title="A" />
<link href="{T_THEME_PATH}/medium.css" rel="alternate stylesheet" type="text/css" title="A+" />
<link href="{T_THEME_PATH}/large.css" rel="alternate stylesheet" type="text/css" title="A++" />

<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
	<link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->

</head>

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">
<div style="text-align:center">
<!-- logo -->
<a id="top" name="top" accesskey="t"></a>
<table class="center" width="80%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td class="headerwrap"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td class="logowrap" valign="top"><a href="{U_INDEX}"><img src="{T_THEME_PATH}/images/achik/spacer.gif" alt="{L_INDEX}" width="460" height="110"  style="border:0px;"/></a></td>
        <td >&nbsp;</td>
        <td class="headerR">&nbsp;</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td class="navwrap">
<!-- nav buttons bar -->
			<div id="site-description">
			
				
				{SITE_DESCRIPTION}
				
			</div>

		<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
			<div id="search-box">
				<form action="{U_SEARCH}" method="post" id="search">
				<fieldset>
					<input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" /> 
					<input class="button2" value="{L_SEARCH}" type="submit" />
				</fieldset>
				</form>
			</div>
		<!-- ENDIF -->
<!-- / nav buttons bar --></td>
  </tr>
  <tr>
    <td valign="top" class="cwrap">
<!-- /logo -->
<div id="wrap">
	<div id="page-header">
<br/>
    	<div class="navbar">
			<div class="inner"><span class="corners-top"><span></span></span>

			<ul class="linklist navlinks">
				<li class="icon-home"><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>&#8249;</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --></li>

				<li class="rightside"><a href="#" onclick="fontsizeup(); return false;" onkeypress="return fontsizeup(event);" class="fontsize" title="{L_CHANGE_FONT_SIZE}">{L_CHANGE_FONT_SIZE}</a></li>
				
				<!-- IF U_EMAIL_TOPIC --><li class="rightside"><a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}" class="sendemail">{L_EMAIL_TOPIC}</a></li><!-- ENDIF -->
				<!-- IF U_EMAIL_PM --><li class="rightside"><a href="{U_EMAIL_PM}" title="{L_EMAIL_PM}" class="sendemail">{L_EMAIL_PM}</a></li><!-- ENDIF -->
				<!-- IF U_PRINT_TOPIC --><li class="rightside"><a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}" accesskey="p" class="print">{L_PRINT_TOPIC}</a></li><!-- ENDIF -->
				<!-- IF U_PRINT_PM --><li class="rightside"><a href="{U_PRINT_PM}" title="{L_PRINT_PM}" accesskey="p" class="print">{L_PRINT_PM}</a></li><!-- ENDIF -->
			</ul>

			<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
			<ul class="linklist leftside">
				<li class="icon-ucp">
					<a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="e">{L_PROFILE}</a>
						<!-- IF S_DISPLAY_PM --> (<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>)<!-- ENDIF -->
                    <!-- IF S_DISPLAY_SEARCH --> &bull;					
					<a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
					<!-- ENDIF -->
					<!-- IF U_RESTORE_PERMISSIONS --> &bull;
					<a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a>
					<!-- ENDIF -->
				</li>
			</ul>
			<!-- ENDIF -->

			<ul class="linklist rightside">
				<li class="icon-faq"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>
				<!-- IF not S_IS_BOT -->
					<!-- IF S_DISPLAY_MEMBERLIST --><li class="icon-members"><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
					<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --><li class="icon-register"><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
					<li class="icon-logout"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x">{L_LOGIN_LOGOUT}</a></li>
				<!-- ENDIF -->
			</ul>

			<span class="corners-bottom"><span></span></span></div>
		</div>

	</div>

	<a name="start_here"></a>
	<div id="page-body">
		
		 <!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) --> 
		<div id="information" class="rules">
			<div class="inner"><span class="corners-top"><span></span></span>
				<strong>{L_INFORMATION}:</strong> {L_BOARD_DISABLED}
			<span class="corners-bottom"><span></span></span></div>
		</div>
		<!-- ENDIF -->
Alvast hartelijk dank voor reacties!
(ps: voor css heb ik ook webdeveloper toolbar in firefox, maar het geeft me in mijn vragen hier nog geen wergave van waar ik écht zijn moet nu...)
Oude gebruikersnaam: Splashing Mudkip

Helpt graag bij support maar geeft geen support via MSN of PM
Domme vragen bestaan niet, dus zul je niet dom zijn als je vraagt, je bent dom als je niet vraagt
http://www.forums.jongerenblogs.nl

Gebruikersavatar
Dmeijer13
Berichten: 1074
Lid geworden op: 25 jan 2008, 22:20
Locatie: Raamsdonksveer (NB)

Re: Stijl kleuren veranderen

Bericht door Dmeijer13 » 04 okt 2010, 19:47

Niemand op in elk geval één van de dingen een idee? =\
Oude gebruikersnaam: Splashing Mudkip

Helpt graag bij support maar geeft geen support via MSN of PM
Domme vragen bestaan niet, dus zul je niet dom zijn als je vraagt, je bent dom als je niet vraagt
http://www.forums.jongerenblogs.nl

Gebruikersavatar
Jeroen
Berichten: 3639
Lid geworden op: 10 mei 2008, 21:22

Re: Stijl kleuren veranderen

Bericht door Jeroen » 04 okt 2010, 20:13

Dmeijer13 schreef:De rand rondom de forums is nu paars en een deel blauw, standaard. Kan iemand mij vertellen hoe ik dat blauw óók naar paars verander? De afbeeldingen zijn veranderd,maar net dat stukkie niet dus ik denk dat het CSS is.
Ik heb even gekeken maar ik zie eigenlijk niet welke rand je precies bedoeld. Kan je dat misschien verduidelijker d.m.v. een screenshot o.i.d.? Verder nog een tip, iets wat ik ook altijd doe: als je een bepaalde rand of kleur of iets anders niet kan terugvinden in de CSS, maak er even een screenshot van. Vervolgens zet je die screenshot in photoshop (of een ander programma) en klik je met de dropper op die kleur. Vaak kan je dan achterhalen welke hexadecimale kleur (# met 6 cijfers/letters) het is.

Vervolgens ga je in je CSS bestand zoeken naar die kleurcode, en dan kom je vanzelf het gedeelte tegen waar je die kleur kan definieren. Misschien kan het zelfs met MS Paint, weet ik niet meer.
Dmeijer13 schreef:Daarnaast heb ik de vraag of iemand weet hoe de titels bij categorieën in de CSS worden aangeduid, of dat dit gewoon hetzelfde is als de gewone links, afgezien van de topiclist links.
Probeer eens te zoeken naar een van deze CSS elementen, misschien kan je bij een van die de kleur van die categorie titel aanpassen: a:hover, .navbg a:hover, .forumbg .header a:hover, .forabg .header a:hover, th a:hover
Jeroen

Gebruikersavatar
Dmeijer13
Berichten: 1074
Lid geworden op: 25 jan 2008, 22:20
Locatie: Raamsdonksveer (NB)

Re: Stijl kleuren veranderen

Bericht door Dmeijer13 » 04 okt 2010, 20:19

Ondanks dat ik media technologie doe, heb ik geen idee hoe ik met photoshop precies die kleurcode achter haal. Ben niet zo thuis in die photoshop mogelijkheden... Met paint kan het zover ik weet niet.

Ehm... dat je de rand niet ziet is mijn fout, had ik moeten weten, mijn excuses daarvoor.
http://rabbitsworld.nl/afbeeldingen/forum_rand.png

Die rand schijnt geen afbeelding oid te zijn, en in de CSS kan ik niet zo 123 ergens een logisch verband mee vinden welke het zou kunnen zijn...

Met die titles e.d. ga ik later even verder bekijken! :)
Oude gebruikersnaam: Splashing Mudkip

Helpt graag bij support maar geeft geen support via MSN of PM
Domme vragen bestaan niet, dus zul je niet dom zijn als je vraagt, je bent dom als je niet vraagt
http://www.forums.jongerenblogs.nl

Gebruikersavatar
Jeroen
Berichten: 3639
Lid geworden op: 10 mei 2008, 21:22

Re: Stijl kleuren veranderen

Bericht door Jeroen » 04 okt 2010, 20:29

Ik zal de eyedropper tool even aanwijzen (screenshotje gejat van internet):

Afbeelding

Je moet dus met dat pipetje op de kleur klikken in de screenshot. Vervolgens selecteert Photoshop links onderin de kleur in dat kleurenselectie blokje. Klik op de kleur die hij daar zojuist neergezet heeft (de kleur die jij aangeklikt hebt). Dan opent er een nieuw schermpje, waarin je onderaan die kleurencode kan vinden. Misschien is het zo duidelijker.

Ik heb dat nu even gedaan met jou schreenshot, en Photoshop zegt dat het deze kleurcode is: #006b7d. Misschien kan je op die manier dus de code terugvinden in de CSS. Je hebt natuurlijk kans dat hij meerdere keren voorkomt, dus goed kijken wat je doet.
Jeroen

Gebruikersavatar
marian0810
Berichten: 1974
Lid geworden op: 09 apr 2007, 10:24
Locatie: Hoofddorp
Contacteer:

Re: Stijl kleuren veranderen

Bericht door marian0810 » 04 okt 2010, 21:17


Gebruikersavatar
Dmeijer13
Berichten: 1074
Lid geworden op: 25 jan 2008, 22:20
Locatie: Raamsdonksveer (NB)

Re: Stijl kleuren veranderen

Bericht door Dmeijer13 » 04 okt 2010, 21:27

Allebei gigantisch bedankt.

ik ga met de titels e.d. en de forumrand z.s.m. aan de slag. (aangezien ik nu moet slapen...)

Heeft iemand enige idee hoe het logo zit? als dat opgelost is naar wens zou echt perfect zijn!

@Marian, ik ga dat hele topic goed doorlezen. Het is goed voor mij en mijn ervaring met phpBB, maar ook zeker voor opleiding! Bedankt!

Jeffrey.
Oude gebruikersnaam: Splashing Mudkip

Helpt graag bij support maar geeft geen support via MSN of PM
Domme vragen bestaan niet, dus zul je niet dom zijn als je vraagt, je bent dom als je niet vraagt
http://www.forums.jongerenblogs.nl

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

Re: Stijl kleuren veranderen

Bericht door Kevin » 04 okt 2010, 21:35

Volgens mij moet jij zijn in
.forabg in colours.css en is zo te zien #006b7d

Ik gebruik het programmatje pixeur om kleur codes te achterhalen en die komt op de zelfde uit als jouw photoshop manier Jeroen.
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

Gebruikersavatar
Dmeijer13
Berichten: 1074
Lid geworden op: 25 jan 2008, 22:20
Locatie: Raamsdonksveer (NB)

Re: Stijl kleuren veranderen

Bericht door Dmeijer13 » 06 okt 2010, 21:52

Met de kleuren gaat het nu wel lukken! Bedankt allemaal.

Iemand nog een oplossing voor de header of in elk geval om hem hoger te kunnen maken?

Bedankt alvast!
Oude gebruikersnaam: Splashing Mudkip

Helpt graag bij support maar geeft geen support via MSN of PM
Domme vragen bestaan niet, dus zul je niet dom zijn als je vraagt, je bent dom als je niet vraagt
http://www.forums.jongerenblogs.nl

Gebruikersavatar
Ger
Berichten: 4864
Lid geworden op: 03 jan 2006, 22:23
Locatie: 192.68.1.100
Contacteer:

Re: Stijl kleuren veranderen

Bericht door Ger » 07 okt 2010, 08:34

Ik heb het topic nog eens gelezen, maar ik snap niet goed wat voor probleem je nu hebt met de hoogte.

Plaats reactie