twee vraagje

raymondvlieland · Bericht door **raymondvlieland** » 14 aug 2005, 14:34

1.hoe kan je zien hoe breed je template is om er een plaatje boven te zetten
2.hoe kan je je template 80 width maken

ik heb index body geprobeerd maar daar zie ik het niet

ElbertF · Bericht door **ElbertF** » 14 aug 2005, 14:55

In jouw template staat als ik me goed herinner een class die er voor zorgt dat je forum altijd 100% breed is, dat zou je eerst moeten aanpassen.

raymondvlieland · Bericht door **raymondvlieland** » 14 aug 2005, 14:58

Spambot schreef:In jouw template staat als ik me goed herinner een class die er voor zorgt dat je forum altijd 100% breed is, dat zou je eerst moeten aanpassen.

dat moet dus de body zijn

ElbertF · Bericht door **ElbertF** » 14 aug 2005, 14:59

Forumline dacht ik..

raymondvlieland · Bericht door **raymondvlieland** » 14 aug 2005, 15:02

Code: Selecteer alles

<div class="forumline nav-div">
	<p class="nav-header">
		<a href="{U_INDEX}">{L_INDEX}</a>
	</p>
	<div class="nav-links">
		<div class="nav-links-left"> 
			<!-- BEGIN switch_user_logged_in --> 
			<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a><br /> 
			<!-- END switch_user_logged_in --> 
			{CURRENT_TIME} | {S_TIMEZONE} 
		</div> 
		<!-- BEGIN switch_user_logged_in --> 
		<a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a> | <a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br /> 
		<a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a> | <a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> 
		<!-- END switch_user_logged_in --> 
		<!-- BEGIN switch_user_logged_out -->  
		<a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> 
		<!-- END switch_user_logged_out --> 
	</div> 
</div> 

<!-- BEGIN switch_user_logged_out -->
<div align="right">
	<form method="post" action="{S_LOGIN_ACTION}"><input type="hidden" name="autologin" value="checked" />
	<span class="gensmall">{L_USERNAME}: 
		<input class="post" type="text" name="username" size="10" />
		&nbsp;{L_PASSWORD}: 
		<input class="post" type="password" name="password" size="10" maxlength="32" />
		&nbsp; 
		<input type="submit" class="mainoption" name="login" value="{L_LOGIN}" />
		</span>
	</form>
</div>
<!-- END switch_user_logged_out -->

<!-- BEGIN catrow -->
<table width="100%" cellspacing="0" class="[b]forumline[/b]">
<tr>
	<td colspan="5" class="row-header"><span>{catrow.CAT_DESC}</span></td>
</tr>
<tr> 
	<th colspan="2">{L_FORUM}</th>
	<th>{L_TOPICS}</th>
	<th>{L_POSTS}</th>
	<th>{L_LASTPOST}</th>
</tr> 
<!-- BEGIN forumrow --><!-- IF ! forumrow.PARENT -->
<tr> 
	<td class="row3 row-center" width="30"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" width="25" height="25" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td>
	<td class="row1h<!-- IF catrow.forumrow.TOTAL_UNREAD -->-new<!-- ENDIF --> row-forum" width="70%" onclick="window.location.href='{catrow.forumrow.U_VIEWFORUM}'"><a class="forumlink<!-- IF catrow.forumrow.TOTAL_UNREAD --> topic-new<!-- ENDIF -->" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
	  <span class="genmed">{catrow.forumrow.FORUM_DESC}<br />
	  </span><!-- IF catrow.forumrow.MODERATORS --><span class="moderators">{catrow.forumrow.L_MODERATOR} {catrow.forumrow.MODERATORS}<br /></span><!-- ENDIF -->
	  <!-- BEGIN sub --><!-- DEFINE $HAS_SUB = 1 --><!-- IF catrow.forumrow.sub.NUM > 0 -->, <!-- ELSE --><span class="genmed">{L_SUBFORUMS}<b>Subforum(s):</b> <!-- ENDIF -->{catrow.forumrow.sub.LAST_POST_SUB} <a href="{catrow.forumrow.sub.U_VIEWFORUM}" <!-- IF catrow.forumrow.sub.UNREAD -->class="topic-new"<!-- ENDIF --> title="{catrow.forumrow.sub.FORUM_DESC_HTML}">{catrow.forumrow.sub.FORUM_NAME}</a><!-- END sub -->
	  <!-- IF $HAS_SUB --><br /></span><!-- UNDEFINE $HAS_SUB --><!-- ENDIF -->
	</td>
	<td class="row2 row-center-small">{catrow.forumrow.TOTAL_TOPICS}</td>
	<td class="row2 row-center-small">{catrow.forumrow.TOTAL_POSTS}</td>
	<td class="row3 row-center-small" width="130">{catrow.forumrow.LAST_POST}</td>
</tr> 
<!-- ENDIF --><!-- END forumrow -->
</table> 
<!-- END catrow --> 

<div class="[b]forumline[/b]">
	<p class="row-header"><span><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></span></p>
	<p class="row1 gensmall">{TOTAL_POSTS}<br />{TOTAL_USERS}<br />{NEWEST_USER}</p>
	<p class="row1 gensmall">{TOTAL_USERS_ONLINE} &nbsp; [ {L_WHOSONLINE_ADMIN} ] &nbsp; [ {L_WHOSONLINE_MOD} ]<br />{RECORD_USERS}<br />{LOGGED_IN_USER_LIST}<br />{L_ONLINE_EXPLAIN}</p>
</div>
<div style="text-align: center;"> {SHOUTBOX_BODY}</div>
<table cellspacing="3" align="center" cellpadding="0" class="forumline no-width">
<tr> 
	<td class="row-center-small"><img src="templates/ca_aphrodite/images/folder_new.gif" alt="{L_NEW_POSTS}"/></td>
	<td class="row-center-small">{L_NEW_POSTS}</td>
	<td class="row-center-small">&nbsp;&nbsp;</td>
	<td class="row-center-small"><img src="templates/ca_aphrodite/images/folder.gif" alt="{L_NO_NEW_POSTS}" /></td>
	<td class="row-center-small">{L_NO_NEW_POSTS}</td>
	<td class="row-center-small">&nbsp;&nbsp;</td>
	<td class="row-center-small"><img src="templates/ca_aphrodite/images/folder_locked.gif" alt="{L_FORUM_LOCKED}" /></td>
	<td class="row-center-small">{L_FORUM_LOCKED}</td>
</tr>
</table>

alleen de dichtgedrukte tekste werkt niet

ElbertF · Bericht door **ElbertF** » 14 aug 2005, 15:03

In de stylesheet (.css bestand) moet je zijn.

raymondvlieland · Bericht door **raymondvlieland** » 14 aug 2005, 15:04

Code: Selecteer alles

/* main selectors */
body {
	background: #FFF url(images/bg_body.gif) top left repeat-x;
	margin: 0;
	padding: 0 10px;
}

#forum {
	background-color: #F8F8F8;
	border: solid 1px #A0A0A0;
	border-width: 0 1px 1px 1px;
	margin: 0;
	padding: 0;
}

#acp, #forum, p, td, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}

#forum p {
	margin: 0;
	text-align: left;
}

#content {
	padding: 2px 7px 5px 7px;
	text-align: center;
}

table, img {
	border: 0;
}

form {
	display: inline;
}

label {
	color: #333;
}
label:hover {
	color: #666;
}

a {
	color: #455995;
	text-decoration: underline;
}

a:visited { color: #303F6B; }
a:hover, a:active { color: #FF1010; }

.gen { font-size: 12px; }
.genmed { font-size: 11px; }
.gensmall { font-size: 10px; }

.error-message {
	font-size: 12px;
	color: #FF1010;
	font-weight: bold;
}

/* header */
.forum-header {
	background: #F7F7F7 url(images/bg_logo.gif) top left repeat-x;
	padding: 0;
}

.forum-buttons {
	text-align: center;
	font-size: 11px;
	color: #FF1010;
	background-image: url(images/bg_topnav.gif);
	border-top: solid 1px #2B438F;
	border-bottom: solid 1px #2B438F;
	height: 20px;
}
* html .forum-buttons { height: 18px; }

.forum-buttons a, .forum-buttons a:visited {
	color: #334C9A;
	text-decoration: none;
	margin: 0 3px;
}

.forum-buttons a:hover, .forum-buttons a:active {
	color: #FF1010;
	text-decoration: none;
}

.header-search { padding: 5px; }

/* footer */
#copyright {
	padding: 7px;
	text-align: center;
	background-image: url(images/bg_copyright.gif);
	border-bottom: solid 2px #FF1010;
	border-top: solid 1px #2B438F;
	font-size: 9px;
	color: #808080;
}

#copyright a, #copyright a:visited {
	color: #2B438F;
	text-decoration: none;
}

#copyright a:hover, #copyright a:active {
	color: #FF1010;
	text-decoration: none;
}


.admin-link a, .admin-link a:visited { 
	font-size: 12px;
	line-height: 20px;
	text-decoration: underline;
}
.admin-link a:hover, .admin-link a:active {
	text-decoration: underline;
}

/* main tables/divs */
.forumline {
	border: solid 1px #2B438F;
	margin: 5px 0;
	background-color: #F8F8F8;
}

.no-width { margin: 5px auto; }

.forumline td { padding: 2px; }

.row1, .row2, .row3, .row4, .row1h, .row1h-new, .row2h, .row3h, .row1hHover, .row1h-newHover {
	background-color: #F8F8F8;
	border: solid 1px #FFF;
	border-right-color: #D6D6D6;
	border-bottom-color: #D6D6D6;
	text-align: left;
}

.row1h:hover, .row1hHover { 
	background: #F0F0F0 url(images/bg_row_hover.gif) bottom right no-repeat; 
	border-top-color: #F8F8F8;
	border-left-color: #F8F8F8;
	border-bottom-color: #D0D0D0;
	border-right-color: #D0D0D0;
}
.row1h-new:hover, .row1h-newHover { 
	background: #F0F0F0 url(images/bg_row_hover_new.gif) bottom right no-repeat; 
	border-top-color: #F8F8F8;
	border-left-color: #F8F8F8;
	border-bottom-color: #D0D0D0;
	border-right-color: #D0D0D0;
}

.forumline div.row1, .forumline p.row1 { text-align: left; padding: 3px; }

.row1g, .row1g-left, .row1g-left-top {
	background: #FFF url(images/bg_post.gif) top left repeat-x;
	border: solid 1px #FFF;
	border-right-color: #D6D6D6;
	border-bottom-color: #D6D6D6;
	vertical-align: middle;
	text-align: center;
}

.row1g-left, .row1g-left-top {
	text-align: left;
}

.row1g-left-top {
	vertical-align: top;
}

.forumline th {
	background: #FFF url(images/bg_th.gif) top left repeat-x;
	color: #455995;
	font-weight: bold;
	font-size: 11px;
	height: 24px;
	padding: 0 5px;
	border: solid 1px #FFF;
	border-right-color: #D6D6D6;
	border-bottom-color: #D6D6D6;
	white-space: nowrap;
}

.forumline .row-forum {
	padding: 1px 2px 2px 2px;
}

.forumline .no-padding {
	padding: 0;
}

.forumline .row-header {
	background: #354883 url(images/bg_hdr1.gif);
	border: solid 1px #DCE1EE;
	border-right-color: #CFDADE;
	border-bottom-color: #CFDADE;
	padding: 0;
	text-align: left;
	vertical-align: top;
	height: 27px;
}

.forumline p.row-header { height: 25px; }

.forumline .row-header span {
	background: url(images/bg_hdr2.gif) top left no-repeat;
	padding-left: 17px;
	color: #EDEFF4;
	display: block;
	padding-top: 4px;
	font-weight: bold;
	font-size: 12px;
	line-height: 1.2em;
}

.row-header a, .row-header a:visited {
	color: #EDEFF4;
	text-decoration: underline;
}

.row-header a:hover, .row-header a:active {
	color: #C8D0EB;
	text-decoration: underline;
}

/* shortcuts */
.row-center, .row-center-small {
	text-align: center;
	vertical-align: middle;
}

.row-center-small {
	font-size: 10px;
}

.catBottom, .cat, .catLeft, .catRight {
	background: #FDFDFD url(images/bg_catbottom.gif) top left repeat-x;
	text-align: center;
	border: solid 1px #FFF;
	border-right-color: #D6D6D6;
	border-bottom-color: #D6D6D6;
	height: 28px;
	min-height: 28px;
}

.forumline td.catBottom { padding: 1px; }

.spaceRow {
	background: #3D4E81 url(images/bg_spacerow.gif);
	border: solid 1px #FFF;
	border-right-color: #D6D6D6;
	border-bottom-color: #D6D6D6;
	height: 3px;
	padding: 0;
}

.forumline td.spaceRow { padding: 0; }

.empty-table td {
	padding: 3px 0;
}

.poll-table td {
	padding: 3px 10px;
	text-align: left;
	font-size: 11px;
}

/* navigation */
.nav-header {
	background-image: url(images/bg_nav1.gif);
	color: #888888;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	padding: 4px 5px;
}

.nav-links {
	color: #888888;
	text-align: right;
	background: #FFF url(images/bg_nav2.gif) top left repeat-x;
	padding: 3px 5px;
	font-size: 10px;
	line-height: 1.4em;
}

.nav-links-left {
	position: relative;
	float: left;
	text-align: left;
}

.nav-header, .nav-links {
	border: solid 1px #FFF;
	border-right-color: #D6D6D6;
	border-bottom-color: #D6D6D6;
}

.nav-div a, .nav-div a:visited {
	color: #455995;
	text-decoration: none;
}

.nav-div a:hover, .nav-div a:active {
	color: #FF1010;
	text-decoration: none;
}

.nav-links a, .nav-links a:visited { text-decoration: underline; }

.nav-div a.nav-current, .nav-div a.nav-current:visited {
	color: #FF1010;
}

.nav-div a.nav-current:hover, .nav-div a.nav-current:active {
	color: #D61212;
	text-decoration: none;
}


/* forum index */
.forumlink, .forumlink-new {
	font-size: 12px;
	font-weight: bold;
	line-height: 1.3em;
}
a.forumlink, a.forumlink:visited { text-decoration: none; }
a:forumlink:hover, a:forumlink:active { text-decoration: underline; }

a.forumlink-new, a.forumlink-new:visited { 
	text-decoration: none; 
	color: #FF1010;
}
a:forumlink-new:hover, a:forumlink-new:active { 
	text-decoration: underline;
	color: #D61212;
}

.moderators {
	font-size: 10px;
	color: #888;
}

.moderators a, .moderators a:visited {
	color: #777;
	text-decoration: underline;
}

.moderators a:hover, .moderators a:active {
	color: #FF1010;
	text-decoration: underline;
}

/* viewforum */
.topiclink b, .topiclink-new b { 
	color: #444;
	font-size: 11px;
}

.topiclink a, .topiclink-new a {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

.topiclink a:visited {
	color: #243465;
	text-decoration: none;
}

.topiclink a:hover, .topiclink a:active {
	color: #FF1010;
	text-decoration: underline;
}

.topiclink-new a, .topiclink-new a:visited { 
	text-decoration: none; 
	color: #FF1010;
}
.topiclink-new a:hover, .topiclink-new a:active { 
	text-decoration: underline;
	color: #D61212;
}


/* pagination */
.pagination { 
	font-size: 12px;
	line-height: 2em;
	font-weight: bold; 
	margin: 0; 
	margin-top: 5px; 
	margin-bottom: 3px; 
}
.pagination a, .pagination a:visited { 
	color: #455995; 
	border: #888 1px solid; 
	padding: 1px; 
	background: #FFF url(images/bg_nav2.gif) top left repeat-x;
}
.pagination a:hover, .pagination a:active { 
	color: #FF1010;
	border: #888 1px solid; 
	padding: 1px; 
}

.gotopage { 
	display: block;
	font-size: 10px;
	line-height: 2em;
	margin: 3px 0 1px 0; 
}
* html .gotopage { margin-top: 5px; margin-bottom: 2px; }
.gotopage a, .gotopage a:visited { 
	color: #455995; 
	border: #888 1px solid; 
	padding: 1px; 
	background: #FFF url(images/bg_nav2.gif) top left repeat-x;
}
.gotopage a:hover, .gotopage a:active { 
	color: #FF1010;
	border: #888 1px solid; 
	padding: 1px; 
}

/* post */
.row-post-author, .row-post {
	background: #FFF url(images/bg_post.gif) top left repeat-x;
	border: solid 1px #FFF;
	border-right-color: #D6D6D6;
	border-bottom-color: #D6D6D6;
	vertical-align: top;
	padding: 3px;
}

.row-post-author {
	text-align: center;
	width: 150px;
}

.row-post {
	text-align: left;
}

.post-name {
	font-weight: bold;
	color: #455995;
	font-size: 12px;
	line-height: 1.6em;
}

.post-rank {
	color: #888;
	font-size: 10px;
}

.post-details {
	text-align: left;
	margin: 5px;
	color: #666;
	font-size: 10px;
	line-height: 1.4em;
}

.post-images img {
	display: block;
	margin: 1px auto;
}

.post-buttons-top {
	float: right;
}

.post-subject {
	color: #455995;
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 5px;
}

.post-text {
	font-size: 12px;
	line-height: 1.2em;
}

@media all and (min-width: 0px) {
	html>body .post-text { 
		overflow: auto; 
	}
}

.row-post-date, .row-post-buttons {
	border: solid 1px #FFF;
	border-right-color: #D6D6D6;
	border-bottom-color: #D6D6D6;
	vertical-align: middle;
	font-size: 10px;
	line-height: 12px;
	color: #666;
	background: url(images/bg_postbottom.gif);
	white-space: nowrap;
	padding: 1px;
}

.row-post-buttons {
	text-align: left;
}

.post-buttons a img, .post-buttons a:visited img, .post-buttons-single a img, .post-buttons-single a:visited img {
	background-color: #455995;
}

.post-buttons a:hover img, .post-buttons a:active img, .post-buttons-single a:hover img, .post-buttons-single a:active img {
	background-color: #FF1010;
}

.post-buttons-single {
	text-align: center;
	vertical-align: middle;
}

.img-main a img, .img-main a:visited img {
	background-color: #FF1010;
}

.img-main a:hover img, .img-main a:active img {
	background-color: #444;
}

.post-text blockquote {
	color: #444;
	display: block;
	margin: 5px 20px;
	width: auto;
	border: solid 1px #D0D0D0;
	background: #FFF url(images/bg_quote_content.gif) bottom right no-repeat;
	padding: 5px;
	font-size: 12px;
}

.post-text blockquote h6 {
	margin: 0;
	margin-bottom: 5px;
	padding-left: 18px;
	padding-bottom: 3px;
	border-bottom: solid 1px #E0E0E0;
	font-size: 11px;
	line-height: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #808080;
	background: #FFF url(images/bg_quote_header.gif) top left no-repeat;
}

.post-text .code {
	color: #444;
	display: block;
	margin: 5px 20px;
	width: auto;
	border: solid 1px #D0D0D0;
	background-color: #FFF;
	padding: 5px;
	font-size: 12px;
	font-family: Courier, 'Courier New', sans-serif;
}

.post-text .code h6 {
	margin: 0;
	margin-bottom: 5px;
	padding-left: 18px;
	padding-bottom: 3px;
	border-bottom: solid 1px #E0E0E0;
	font-size: 11px;
	line-height: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #808080;
	background: #FFF url(images/bg_code_header.gif) top left no-repeat;
}

/* inputs */
input, select { 
	vertical-align: middle; 
	box-sizing: content-box;
	-moz-box-sizing: content-box;
}
textarea {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
}

input, textarea, select { 
	color: #333; 
	font: normal 11px Verdana, Arial, Helvetica, sans-serif; 
	vertical-align: middle;
	margin: 0;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
}

.helpline {
	border: solid 1px #F8F8F8;
	background-color: #F8F8F8;
	color: #666;
}

input.button {
	background: #FFF url(images/bg_nav2.gif) top left repeat-x;
	border: solid 1px #BBB;
	border-left-color: #CCC;
	border-top-color: #CCC;
	color: #666;
}

input.button:hover {
	color: #000;
	border-left-color: #AAA;
	border-top-color: #AAA;
	border-right-color: #999;
	border-bottom-color: #999;
}

input.post, textarea, select, input.liteoption {
	border: solid 1px #888;
	color: #666;
	background-color: #F8F8F8;
}

input.mainoption {
	border: solid 1px #666;
	color: #444;
	background-color: #F8F8F8;
}

* html input.post, * html textarea, * html select, * html input.liteoption {
	color: #333;
	border: solid 1px #2B438F;
}
* html input.mainoption {
	color: #000;
	border: solid 1px #2B438F;
	font-weight: bold;
}



input.post:hover, textarea:hover, select:hover, select:focus, input.liteoption:hover, input.mainoption:hover {
	border: solid 1px #666;
	color: #444;
	background-color: #FAFAFA;
}

input.post:focus, textarea:focus {
	border: solid 1px #2B438F;
	color: #000;
}

input.post:focus, select:focus, input.mainoption:focus, input.liteoption:focus {
	background: #E7E7E7 url(images/bg_input.gif) top left repeat-x;
}

textarea:focus {
	background-color: #F4F4F4;
}

select optgroup {
	background-color: #000;
	color: #FFF;
	font-weight: normal;
	font-style: normal;
}
select option {
	background-color: #F0F0F0;
	color: #333;
}

/* inputs - fixing height */
input.mainoption, input.liteoption { height: 18px; }
* html input.mainoption, * html input.liteoption { height: 20px; }

input.post { height: 16px; }
@media all and (min-width: 0px) { html>body input.post { height: 18px; } }

select option { height: 15px; }

input.jumpbox { height: 18px; }
@media all and (min-width: 0px) { html>body input.jumpbox { height: 15px; } }
* html input.jumpbox { height: 18px; }

/* private message popup */
.popup, .popuppm { display: none; }
.popuppm-new {
	display: block;
	text-align: center; 
	margin: 50px;
}
.popuppm-new a { 
	margin: 5px 0; 
	padding: 40px 60px; 
	font-size: 12px; 
	font-weight: bold; 
	background: #FFF url(images/bg_post.gif) top left repeat-x;
	border: solid 1px #2B438F; 
	color: #FF1010;
	text-decoration: none;
}
.popuppm-new a:hover {
	color: #666;
	text-decoration: underline;
}

/* simple subforums */
a.topic-new, a.topic-new:visited { 
	color: #FF1010;
}
a:topic-new:hover, a:topic-new:active { 
	color: #D61212;
}