+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Diskussionen (https://www.mybb.de/forum/forum-84.html)
+--- Thema: Footer, Themplate (/thread-34660.html)
Footer, Themplate - KaSo - 23.05.2017
Hallo,
wie ich Bild zu erkennen ist der Content und der Footer nicht in der gleichen Größe. Gerne möchte ich die beiden div-Container in der gleichen Breite haben.
Index_Themplate:
Code:
<html>
<head>
<title>{$mybb->settings['bbname']}</title>
{$headerinclude}
<script>
<!--
lang.no_new_posts = "{$lang->no_new_posts}";
lang.click_mark_read = "{$lang->click_mark_read}";
// -->
</script>
</head>
<body>
{$header}
<div style="width:81%;float:left">
{$show_moderation}
{$newsmessage}
{$forums}
</div>
<div style="width:18%;float:right">
<if $mybb->user['usergroup'] == 1 then>
<div class="tborder" style="width:auto;">
<div class="thead{$collapsedthead['box2']}">
<span class="expcolimage"><i class="fa fa-angle-up collapse_expand" id="box2_img" title="{$expaltext}"></i></span>
<strong>Wilkommen</strong>
</div>
<div style="{$collapsed['box2_e']}" id="box2_e">
<div class="trow1" style="padding:6px;">
<form method="post" action="http://xhilfe-board.de/member.php">
<input type="hidden" name="action" value="do_login">
<input type="hidden" name="url" value="">
<table width="100%" cellspacing="0" cellpadding="5" border="0">
<tbody><tr>
<td class="login_desc" width="35%">Benutzername:</td>
<td><div class="input-icon">
<input type="text" class="textbox" name="username" title="{$login_username}" value="Benutzername" onfocus="if(this.value == '{$lang->login_username}') { this.value=''; }" onblur="if(this.value=='') { this.value='{$lang->login_username}'; }" />
</div></td>
</tr>
<tr>
<td class="login_desc" width="35%">Passwort: </td>
<td><div class="input-icon">
<input type="password" class="textbox" name="password" title="{$lang->login_password}" value="Passwort" onfocus="if(this.value == '{$lang->login_password}') { this.value=''; }" onblur="if(this.value=='') { this.value='{$lang->login_password}'; }" />
</div></td>
</tr>
</tbody></table>
<br><center>
<input type="submit" class="button" name="loginsubmit" value="Anmelden">
</center>
<br>
<label><input type="checkbox" class="checkbox" name="remember" value="yes" style="vertical-align: middle;">
Merken</label>
<div class="float_right">
<a href="http://xhilfe-board.de/member.php?action=lostpw" class="lost_password">Passwort vergessen?</a>
</div>
<br>
</form>
<div class="postbit_buttons float_right" style="margin-top: -27px;">
</div>
</form>
</div>
</div>
</div><br />
</if>
<div class="tborder" style="width:auto;">
<div class="thead{$collapsedthead['box1']}">
<span class="expcolimage"><i class="fa fa-angle-up collapse_expand" id="box1_img" title="{$expaltext}"></i></span>
<strong>Schnellzugriff</strong>
</div>
<div style="{$collapsed['box1_e']}" id="box1_e">
<div class="trow1" style="padding:6px;">
<b>Themen:</b>
<ul style="list-style: none;">
<li><a href="/search.php?action=getnew" original-title=""><i class="fa fa-bullhorn" aria-hidden="true" original-title=""></i> Neue Themen</a></li>
<li><a href="/search.php?action=getdaily" original-title=""><i class="fa fa-bullhorn" aria-hidden="true" original-title=""></i> Heutige Themen</a></li>
</ul>
<b>Kategorien:</b>
<ul style="list-style: none;">
<li><a href="/" original-title=""><i class="fa fa-comments-o" aria-hidden="true" original-title=""></i> xHilfe-Board</a></li>
<li><a href="/" original-title=""><i class="fa fa-globe" aria-hidden="true" original-title=""></i> Webmaster</a></li>
<li><a href="/" original-title=""><i class="fa fa-eur" aria-hidden="true" original-title=""></i> xBasar</a></li>
</ul>
</div>
</div>
</div><br />
<div class="tborder" style="width:auto;">
<div class="thead{$collapsedthead['box2']}">
<span class="expcolimage"><i class="fa fa-angle-up collapse_expand" id="box2_img" title="{$expaltext}"></i></span>
<strong>Werbung</strong>
</div>
<div style="{$collapsed['box2_e']}" id="box2_e">
<div class="trow1" style="padding:6px;">
<center>
<img src="http://rapfield.de/partner_werden.png" />
<img src="http://rapfield.de/partner_werden.png" />
<img src="http://rapfield.de/partner_werden.png" />
<img src="http://rapfield.de/partner_werden.png" />
<img src="http://rapfield.de/partner_werden.png" />
<img src="http://rapfield.de/partner_werden.png" />
</center>
</div>
</div>
</div>
<br />
<div class="tborder" style="width:auto;">
<div class="thead{$collapsedthead['box2']}">
<span class="expcolimage"><i class="fa fa-angle-up collapse_expand" id="box2_img" title="{$expaltext}"></i></span>
<strong>Meinungen</strong>
</div>
<div style="{$collapsed['box2_e']}" id="box2_e">
<div class="trow1" style="padding:6px;">
<center>
<ul id="tips">
<li>
... it takes more time to code a web page then to make a pizza? - <a href="./member.php?action=profile&uid=662"><b>0aSo</b></a>
</li>
<li>... it takes more time to code a web page then to make a pizza?</li>
<li>... you should validate your code?</li>
<li>... jQuery is your friend? For real!</li>
<li>... no matter what some people claim, you can't learn CSS in 3 hours?</li>
</ul>
<style>
#tips, #tips li{
margin:0;
padding:0;
list-style:none;
}
#tips{
width:300px;
font-size: 100%;
line-height:100%;
}
#tips li{
padding:10px;
display:none;
}
</style>
<script type="text/javascript">
this.randomtip = function(){
var length = $("#tips li").length;
var ran = Math.floor(Math.random()*length) + 1;
$("#tips li:nth-child(" + ran + ")").show();
};
$(document).ready(function(){
randomtip();
});
</script>
</center>
</div>
</div>
</div>
<br />
</div>
<br class="clear" />
{$boardstats}
{$footer}
<script language="javascript" type="text/javascript">
function show(target) {
document.getElementById(target).style.display = 'block';
}
function hide(target) {
document.getElementById(target).style.display = 'none';
}
$(document).ready(function() {
// If the 'hide cookie is not set we show the message
if (!readCookie('hide')) {
$('#popupDiv').show();
}
// Add the event that closes the popup and sets the cookie that tells us to
// not show it again until one day has passed.
$('#close').click(function() {
$('#popupDiv').hide();
createCookie('hide', true, 1)
return false;
});
});
// ---
// And some generic cookie logic
// ---
function createCookie(name,value,days) {
if (days) {
var date = new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
var expires = "; expires="+date.toGMTString();
}
else var expires = "";
document.cookie = name+"="+value+expires+"; path=/";
}
function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}
function eraseCookie(name) {
createCookie(name,"",-1);
}
</script>
</body>
</html>Habe die beiden Variablen
{$boardstats}
{$footer}
oben eingefügt.
Code:
Code:
<div style="width:81%;float:left">
{$show_moderation}
{$newsmessage}
{$forums}
</div>Resultat im 2. Bild.
Wäre über eueren Vorschlag sehr erfreut, Danke.
RE: Footer, Themplate - MrBrechreiz - 23.05.2017
Kein Schimmer was Du da schreibst. Mit Deutsch hat das nicht viel zu tun.
RE: Footer, Themplate - sjfm - 25.05.2017
hi!
ist deine glaskugel matt geworden?
RE: Footer, Themplate - MrBrechreiz - 25.05.2017
Die ist tief schwarz
RE: Footer, Themplate - Erkan - 25.05.2017
hat mit <div style="width:81%;float:left"> zutun entweder 81% ändern oder mit px; probieren z.B 933px;
RE: Footer, Themplate - sjfm - 26.05.2017
hi!
wobei % immer besser sind wegen der unterschiedlichen moni grössen.