phpBB.nl

Hey mensen, ik zou graag een banner gebruiken in plaats van css code als banner.

voorbeeld http://animedreamresource.net/ ik zou graag het licht blauwe streepje bovenaan en donkerblauwe streepje eronder vervangen met een plaatje namelijk.

Deze: http://animedreamresource.net/ADR.gif

Ik weet alleen niet precies welke code ik door wat moet veranderen dus hierbij vraag ik u hulp.
Volgens mij moet dit gebeuren in overal_header dus die zal ik even plaatsen.

Code: Selecteer alles

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html dir="{S_CONTENT_DIRECTION}">
<head>
<link rel="shortcut icon" href="http://www.animedreamresource.net/favicon.ico" type="image/x-icon" />
<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="{META_LANGUAGE}" />
<meta name="author" content="{META_AUTHOR}" />
<meta name="keywords" content="{META_KEYWORDS}" />
<meta name="description" content="{META_DESCRIPTION}" />
<meta name="robots" content="{META_ROBOTS}" />
<meta name="rating" content="{META_RATING}" />
<meta name="revisit-after" content="{META_VISIT_AFTER}" />
{META}
{NAV_LINKS}
<title>{PAGE_TITLE}</title>
<!-- BEGIN switch_user_logged_out -->
<link rel="stylesheet" href="templates/iskin/cbackinfo.css" type="text/css">
<!-- END switch_user_logged_out -->

<!-- link rel="stylesheet" href="templates/iSkin/{T_HEAD_STYLESHEET}" type="text/css" -->

<style type="text/css">
<!--

a.vbmh 
{ 
   background-color: #E5E5E5; 
   color: #6D7B8D; 
   font-size: 8pt; 
   font-weight: bold; 
} 

a.vbmh:hover 
{ 
   color: #6D7B8D; 
} 

.vbm { font-family: Verdana, Tahoma, Arial, "Times New Roman", serif; font-size : 10pt; } 

#dropmenudiv{ 
position:absolute; 
border:1px solid #CCCCCC; 
filter:alpha(opacity=90); 
-moz-opacity:0.9; 
border-bottom-width: 0; 
font:normal 12px Verdana; 
white-space: nowrap; 
line-height:18px; 
z-index:100; 
} 

#dropmenudiv a{ 
width: 100%; 
display: block; 
text-indent: 3px; 
border-bottom: 1px solid #CCCCCC; 
padding: 1px 0; 
text-decoration: none; 
} 

#dropmenudiv a:hover{ 
background-color: #E5E5E5; 
} 

#tspan a { 
display:block; 
text-indent: 3px; 
padding: 2px; 
font:bold 12px Verdana; 
}

/* General page style. The scroll bar colours only visible in IE5.5+ */

body { 
	background-color: #F8F8F8;
	font: 8pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	padding:0px;
	margin:0px;
}

/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px }
a:link,a:active,a:visited { text-decoration: underline; color : #5D5D5E; }
a:hover		{ text-decoration: underline; color : #30518D; }
hr	{ height: 0px; border: solid #A8A8AD 0px; border-top-width: 1px; padding:0px; margin:0px }

/* This is the border line & background colour round the entire page */
.bodyline	{ background-color: #FFFFFF }

/* This is the outline round the main forum tables */
.forumline	{ border: #7A7D81 solid 1px }

/* Main table cell colours and backgrounds */
td.row1	{ background-color: #FBFBFB }
td.row2	{ background-color: #FFFFFF }
td.row3	{ background-color: #FBFBFB }

.tborder {
	background-color: #EEEEEE;
}

/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
		background-color: #F5F9FE;
		background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th	{
	font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	color: #4D4D4D; font-size: 10px; font-weight : bold; 
	background-color: #EEEEEE; height: 10px;
	background-image: url(templates/iSkin/images/strip_back.gif);
	text-align: center;
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
	background-color:#F5F9FE; height: 28px;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
	height: 29px;
	border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
	font-weight: bold; border: #FFFFFF; border-style: solid; height: 15px;
}

td.row3Right,td.spaceRow {
	background-color: #450405; border: #FFFFFF; border-style: solid;
}

th.thHead,td.catHead { font-size: 10px; border-width: 0px 0px 0px 0px; }
th.thHead2,td.catHead2 { font-size: 10px; border-width: 0px 0px 0px 0px; }
th.thSides,td.catSides,td.spaceRow	 { border-width: 0px 0px 0px 0px; }
th.thSides2,td.catSides2,td.spaceRow2	 { border-width: 0px 0px 0px 0px; }
th.thRight,td.catRight,td.row3Right	 { border-width: 0px 0px 0px 0px; }
th.thLeft,td.catLeft	  { border-width: 0px 0px 0px 0px; }
th.thBottom,td.catBottom  { border-width: 0px 0px 0px 0px; }
th.thTop	 { border-width: 0px 0px 0px 0px; }
th.thCornerL { border-width: 0px 0px 0px 0px; }
th.thCornerR { border-width: 0px 0px 0px 0px; }

.thead {
	background-color: #ABAAAA;
	margin-top:1px;
	height:4px;
}

/* The largest text used in the index page title and toptic title etc. */
.maintitle	{
	font-weight: bold; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;
	; line-height : 120%; color : #A8A8AD;
}

/* General text */
.gen { font-size : 10px; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif }
.genmed { font-size : 10px; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-seri }
.gensmall { font-size : 10px; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-seri }
.gen,.genmed,.gensmall { color : #4D4D4D; }
a.gen,a.genmed,a.gensmall { color: #5D5D5E; text-decoration: underline; }
a.gen:hover,a.genmed:hover,a.gensmall:hover #30518D; text-decoration: underline; }

/* The register, login, search etc links at the top of the page */
.mainmenu		{ font-size : 11px; color : #4D4D4D }
a.mainmenu		{ text-decoration: underline; color : #5D5D5E;  }
a.mainmenu:hover{ text-decoration: underline; color : #30518D; }

/* Forum category titles */
.cattitle { font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-weight: bold; font-size: 11px; letter-spacing: 0px; color : #5D5D5E}
a.cattitle,a.cattitle:visited,a.cattitle:active { text-decoration: none; letter-spacing: 0px; color : #5D5D5E }
a.cattitle:hover{ text-decoration: underline; color : #30518D; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ font-weight: bold; font-size: 10px; color : #5D5D5E; }
a.forumlink,a.forumlink:active,a.forumlink:visited 	{ font-weight: bold; font-size: 11px; text-decoration: underline; color : #5D5D5E; }
a.forumlink:hover{ text-decoration: underline; color : #30518D; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav			{ font-weight: bold; font-size: 10px; color : #4D4D4D;}
a.nav			{ text-decoration: underline; color : #5D5D5E; }
a.nav:hover		{ text-decoration: underline; color: #30518D; }

.title	{
	font-weight: bold; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
	color : #4D4D4D;
}

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2	{ font-weight: bold; font-size: 11px; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; color : #A8A8AD; }
a.topictitle:link   { text-decoration: underline; color : #5D5D5E; }
a.topictitle:visited { text-decoration: underline; color : #5D5D5E; }
a.topictitle:active { text-decoration: underline; color : #5D5D5E; }
a.topictitle:hover	{ text-decoration: underline; color : #30518D; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name	{ font-size : 11px; color : #5D5D5E;}

/* Name of poster view topic */
.membername	{ font-size : 11px; color : #183F74;}

/* Location, number of posts, post date etc */
.postdetails		{ font-size : 10px; color : #4D4D4D; }

/* The content of the posts (body of text) */
.postbody { font-size : 11px; line-height: 13px; color: #4D4D4D}
a.postlink:link	{ text-decoration: underline; color : #5D5D5E; font-size : 11px; }
a.postlink:visited { text-decoration: underline; color : #5D5D5E; font-size : 11px; }
a.postlink:hover { text-decoration: underline; color : #30518D; font-size : 11px;}

/* Quote & Code blocks */
.code { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #4D4D4D;
	background-color: #FBFBFB;
	border: 1px #EEEEEE solid;
}

.quote {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #4D4D4D;
	background-color: #FBFBFB;
	border: 1px #EEEEEE solid;
}

/* Copyright and bottom info */
.copyright { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #4D4D4D; letter-spacing: -1px;}
a.copyright,a.copyright:visited,a.copyright:active	 { color: #5D5D5E; text-decoration: underline;}
a.copyright:hover { color: #30518D}

/* Form elements */
input,textarea, select {
	color : #4D4D4D;
	font-size: 11px; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

/* The text input fields background colour */
input.post, textarea.post, select {
	background-color : #F7F7F7;
	color: #4D4D4D;
	border: 1px #424242 solid;
	font-size: 11px; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
	background-color : #F7F7F7;
	color : #4D4D4D;
	border: 1px #000000 solid;
	font-size: 11px; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

/* The main submit button option */
input.mainoption {
	background-color : #F7F7F7;
	color: #4D4D4D;
	font-weight : normal;
	border: 1px #000000 solid;
}

/* None-bold submit button */
input.liteoption {
	background-color : #F7F7F7;
	font-weight : normal;
	color: #4D4D4D;
	border: 1px #000000 solid;
}

#hdr {
background: #FFFFFF url(templates/iSkin/images/hdr_back.gif) ;
width: 100%;
height: 90px;
	margin: 0;
	padding: 0; 
}

#brd_in {
border-left: 1px solid #dadada;
border-right: 1px solid #dadada;
}

#brd_outer {
border-left: 4px solid #f1f1f1;
border-right: 4px solid #f1f1f1;
}

#hdr_btm {
background: #b0c4e8 url(templates/iSkin/images/mid_hdr_back.gif);
width: 100%;
height: 14px;
	margin: 0;
	padding: 0; 
}

#nav_back {
background: #FCFCFC url(templates/iSkin/images/nav_back.gif);
width: 100%;
height: 29px;
}

.ftr_bdr {
border-left: 1px solid #eeeeee;
border-right: 1px solid #eeeeee;
margin: 0;
padding: 0; 
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: #FFFFFF; border-style: none; color:#4D4D4D }

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("templates/iSkin/formIE.css"); 
-->
</style>
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
/* Next line added by No Thread Stretch */
	var template_path = 'templates/iSkin';

	if ( {PRIVATE_MESSAGE_NEW_FLAG} )
	{
		window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
	}
//-->
</script>
<!-- END switch_enable_pm_popup -->

<!-- Next Line Added by No Thread Stretch -->
<script language="JavaScript" type="text/javascript" src="no_thread_stretch.js"></script>

<SCRIPT LANGUAGE="Javascript"> 
var win = null; 
function Gk_PopTart(mypage,myname,w,h,scroll) 
{ 
  LeftPosition = (screen.width) ? (screen.width-w)/2 : 0; 
  TopPosition = (screen.height) ? (screen.height-h)/2 : 0; 
  settings = 'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',resizable=yes'; 
  win = window.open(mypage,myname,settings); 
} 
</SCRIPT> 

</head>

<!-- BEGIN switch_user_logged_out -->
<div id="info"><div id="infobar"><a href="{U_REGISTER}">{L_CBACK_INFOBAR}</a></div></div>
<br>
<!-- END switch_user_logged_out -->


<body>

<a name="top"></a>


<!-- set below for skin width-->
<table width="95%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="100%" align="left" valign="top">

<div id="brd_outer">
<div id="brd_in">


<!-- begin iSkin header -->

<div id="hdr_bdr">
<div id="hdr"><div id="logo"></div></div>
<div id="hdr_btm"></div>
</div>
<div id="nav_back">
<table width="339" border="0" align="center" cellpadding="0" cellspacing="0">
   <tr>
     <td width="43" height="29"><a href="portal.php"><img id="nav_home" src="templates/iSkin/images/nav_home.gif" width="43" height="29" border="0" alt="" /></a></td>
     <!-- BEGIN switch_user_logged_out -->
     <td width="73" height="26"><a href="{U_REGISTER}"><img src="templates/iSkin/images/nav_register.gif" width="73" height="29" border="0" alt="" /></a></td>
     <!-- END switch_user_logged_out -->
     <!-- BEGIN switch_user_logged_in -->
     <td width="67" height="29"><a href="{U_PROFILE}"><img id="nav_cp" src="templates/iSkin/images/nav_cp.gif" width="67" height="29" border="0" alt="" /></a></td>
     <!-- END switch_user_logged_in -->
     <td width="67" height="29"><a href="{U_MEMBERLIST}"><img src="templates/iSkin/images/nav_members.gif" width="67" height="29" border="0" alt="" /></a></td>
     <td width="59" height="29"><a href="{U_GROUP_CP}"><img src="templates/iSkin/images/nav_groups.gif" width="59" height="29" border="0" alt="" /></a></td>
     <td width="59" height="29"><a href="{U_SEARCH}"><img src="templates/iSkin/images/nav_search.gif" width="59" height="29" border="0" alt="" /></a></td>
     <td width="35" height="29"><a href="{U_FAQ}" accesskey="5"><img id="nav_faq" src="templates/iSkin/images/nav_faq.gif" width="35" height="29" border="0" alt="" /></a></td>
     <td width="2" height="29"><img id="nav_rs" src="templates/iSkin/images/nav_rs.gif" width="2" height="29" alt="" /></td>
   </tr>
</table>
</div>

<!-- end iSkin header -->

<table width="100%" cellspacing="0" cellpadding="0" border="0">
  <tr> 
     <td class="bodyline">

<div style="padding:15px 25px 15px 25px">

Banner met de link die je gaf schreef:Not Found

The requested URL was not found on this server.

Nie dat het veel te maken ermee heeft maar gecorrigeert

Ligt het aan mij of is het nu opgelost? (als ik kijk naar jouw site)

Wout -- w00t schreef:Ligt het aan mij of is het nu opgelost? (als ik kijk naar jouw site)

Klopt, alleen als je resolutie te klein of te groot is klotp hij nog niet topic over gemaakt deze is klaar.

Je zou een background-repeat kunnen maken en dat het ECHTE logo er overheen kunnen doen.

Heb een nieuw vraagje, ik wil graag dat mijn banner meer ruimte aan de onderkant krijgt welk bestandje moet dit gebeuren en zou iemand me er mee willen helpen?

Ik zal zo even de overal_header.tpl poste en de iskin.css

http://www.freephpbbforums.net/temp/iskincss.txt
http://www.freephpbbforums.net/temp/overal%20header.txt

Je bedoelt dus dat je banner helemaal in beeld komt? Of dat er meer ruimte onder het menu zit?

Je ziet nu dat de tekst een beetje weg is van de banner, bedoel is dat de banner meer ruimte krijgt dus de navigiatie iets naar onder of instellen dat de banner meer ruimte heeft 1 van die 2.

Dit zou het moeten doen

Zoek:

Code: Selecteer alles

#hdr {
background: #FFFFFF url(templates/iSkin/images/hdr_back.gif) ;
width: 100%;
height: 90px;
   margin: 0;
   padding: 0;
}

Verander in:

Code: Selecteer alles

#hdr {
background: #FFFFFF url(templates/iSkin/images/hdr_back.gif) ;
width: 100%;
height: 104px;
   margin: 0;
   padding: 0;
}

#hdr {
background: #FFFFFF url(/./ADR.gif) ;
/*width: 100%;*/
height: 90px;
margin: 0;
padding: 0;

Was deze code nu is mee spele.. Opgelost bedankt

phpBB.nl

Banner veranderen. (opgelost )

Banner veranderen. (opgelost )