Forum verändern nur WIE ??

Alles zu Styles, Templates, Icons und Smilies für phpBB 2.0, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
Forumsregeln
phpBB 2.0 hat das Ende seiner Lebenszeit überschritten
phpBB 2.0 wird nicht mehr aktiv unterstützt. Insbesondere werden - auch bei Sicherheitslücken - keine Patches mehr bereitgestellt. Der Einsatz von phpBB 2.0 erfolgt daher auf eigene Gefahr. Wir empfehlen einen Umstieg auf phpBB 3.0, welches aktiv weiterentwickelt wird und für welches regelmäßig Updates zur Verfügung gestellt werden.
Patrick Pütz
Mitglied
Beiträge: 127
Registriert: 15.11.2003 18:58
Wohnort: Köln
Kontaktdaten:

Forum verändern nur WIE ??

Beitrag von Patrick Pütz »

Hallo ,

Ich möchte in meinem Forum etwas ändern !
http://www.ddh-gilde.de/taverne/

Test-Acc.
test
test

Undzwar . Ich möchte die breite das Forums ändern und gleichzeitig das auf rechts ausrichten ! Damit auf der Linken Seite eine Navileite hinkommen kann . So wie in diesem Forum !
http://icebracker.funpic.de/phpBB2/index.php
Die sich mitbewegt auf der Linken Seite wenn man runterscollt . Ect..

Kann mir einer helfen , wie ich das so hinbekommen kann ?

MfG Patrick
dannyjansen
Mitglied
Beiträge: 129
Registriert: 18.11.2003 18:15
Wohnort: Schnaitsee
Kontaktdaten:

Beitrag von dannyjansen »

http://www.phpbb.de/topic24404.html Dort ist ein passendes Mod.
Warum spielst du das Template nicht drauf?
Patrick Pütz
Mitglied
Beiträge: 127
Registriert: 15.11.2003 18:58
Wohnort: Köln
Kontaktdaten:

Beitrag von Patrick Pütz »

Weil ich dieses Template nicht haben möchte sondern , nur diese navi !

Wie kann ich diese navi einrichten ?
Zuletzt geändert von Patrick Pütz am 21.04.2004 19:34, insgesamt 1-mal geändert.
dannyjansen
Mitglied
Beiträge: 129
Registriert: 18.11.2003 18:15
Wohnort: Schnaitsee
Kontaktdaten:

Beitrag von dannyjansen »

Ok. Schaue dir den Mod an und dann wennst hilfe brauchst einfach sagen.
Und zwar ganz laut :wink:
Patrick Pütz
Mitglied
Beiträge: 127
Registriert: 15.11.2003 18:58
Wohnort: Köln
Kontaktdaten:

Beitrag von Patrick Pütz »

Hilfe ^^ habe den Mod drauf , zumindest den ersten von den 3!

jetzt möchte ich den anpassen , für mein Forum und oben die Navi im Header soll weg ! Dafür soll die Linke Slice Navi bleiben .
Genau so wie in diesen Forum .

http://icebracker.funpic.de/phpBB2/index.php
DeeAge
Mitglied
Beiträge: 165
Registriert: 16.04.2004 22:43

Beitrag von DeeAge »

naja da gibts viele möglich keiten

entweder neues Design oda was weis ich,

oder einfach:

Teamplatname/overall_header.tpl

da ale sanpassen keione angst das ist html und leicht zu ändern
Patrick Pütz
Mitglied
Beiträge: 127
Registriert: 15.11.2003 18:58
Wohnort: Köln
Kontaktdaten:

Beitrag von Patrick Pütz »

Könnt ihr mir erstmal sagen , wie ich das ganze Forum etwas schmaler machen kann ? Die Navi sieht dort etwas gequetscht aus !
http://www.ddh-gilde.de/taverne/

Könnt ihr die geänderten Werte in Rot makieren . Dann finde ich das alles schneller.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<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-Type content="text/html; charset=iso-8859-1">
<script language="JavaScript"><!--
function showcommentaires(page,largeur,hauteur,options) {
var top=(screen.height-hauteur)/2;
var left=(screen.width-largeur)/2;
window.open(page,"","top="+top+",left="+left+",width="+largeur+",height="+hauteur+","+options);
}

var counter = 0;
var text = " .:: Die Dunkle Horde ::. .:: Das Böse hat einen Namen ::. .:: www.DDH-Gilde.de ::.";
var delay = 100;
var i = 0;
text = text+text;
function Scroller()
{
window.status = text.substring(counter++,text.length);
if (counter == text.length/2)
counter = 0;
setTimeout("Scroller()", delay);
}
Scroller();
// -->
</script>

<SCRIPT language=JavaScript1.2 src="./templates/menue.js"></SCRIPT>
<SCRIPT language=JavaScript1.2>
<!--
YOffset=145;
staticYOffset=51;
slideSpeed=1;
waitTime=100;
menuBGColor="#003D71";
menuIsStatic="no";
menuWidth=230;
hdrFontFamily="Verdana, Arial, Helvetica, sans-serif";
hdrFontSize="1";
hdrFontColor="#000000";
hdrBGColor="#F0F0F0";
hdrAlign="left";
hdrVAlign="center";
hdrHeight="12";
linkFontFamily="Verdana, Arial, Helvetica, sans-serif";
linkFontSize="1";
linkBGColor="#DADADA";
linkOverBGColor="#DADADA";
linkTarget="_self";
linkAlign="left";
barBGColor="#E9E9E9";
barFontFamily="Verdana, Arial, Helvetica, sans-serif";
barFontSize="1";
barFontColor="#000000";
barVAlign="center";
barWidth=12;
startMenu("Navigation", "FOREN - NAVIGATION");
addExItem("Intro", "intro.php");
addExItem("Portal", "portal.php");
addExItem("Index", "{U_INDEX}");
addHdr("&nbsp;");
addExItem("{L_LOGIN_LOGOUT}", "{U_LOGIN_LOGOUT}");
addExItem("{L_PROFILE}", "{U_PROFILE}");
addExItem("{PRIVATE_MESSAGE_INFO}", "{U_PRIVATEMSGS}");
addHdr("&nbsp;");
addExItem("{L_USERGROUPS}", "{U_USERGROUPS}");
addExItem("{L_SEARCH}", "{U_SEARCH}");
addExItem("{L_MEMBERLIST}", "{U_MEMBERLIST}");
addHdr("&nbsp;");
addExItem("{L_FAQ}", "{U_FAQ}");
addExItem("Netiquette", "rules.php");
addExItem("Acronyme", "acronyme.php");
addHdr("&nbsp;");
addExItem("VOR", "javascript:history.forward()");
addExItem("ZURUECK", "javascript:history.back()");
endMenu();
function showhelp(helptext,boardid)
{
helpwindow = open("useraction.php3?action=gethelp&BoardID=" + boardid + "&helptext=" + helptext, "Helpfenster", "width=400,height=500,dependent=yes,locationbar=no,menubar=no,status=no,resizable=yes");
helpwindow.document.write(windowtext);
}
//-->
</SCRIPT>

</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<!-- link rel="stylesheet" href="templates/wowHorde/{T_HEAD_STYLESHEET}" type="text/css" -->
<style type="text/css">
<!--
/*
The original wowHorde Theme for phpBB version 2+
Created by boo
http://www.ez-life.net.com

NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
theme administration centre. When you have finalised your style you could cut the final CSS code
and place it in an external file, deleting this section to save bandwidth.
*/

/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
background-color: {T_BODY_BGCOLOR};
scrollbar-face-color: {T_TR_COLOR2};
scrollbar-highlight-color: {T_TD_COLOR2};
scrollbar-shadow-color: {T_TR_COLOR2};
scrollbar-3dlight-color: {T_TR_COLOR3};
scrollbar-arrow-color: {T_BODY_LINK};
scrollbar-track-color: {T_TR_COLOR1};
scrollbar-darkshadow-color: {T_TH_COLOR1};
}

/* General font families for common tags */
font,th,td,p { font-family: {T_FONTFACE1} }
a:link,a:active,a:visited { color : {T_BODY_LINK}; }
a:hover { text-decoration: underline; color : {T_BODY_HLINK}; }
hr { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}

/* This is the border line & background colour round the entire page */
.bodyline { background-color: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} solid; }

/* This is the outline round the main forum tables */
.forumline { background-color: {T_TD_COLOR2}; border: 2px {T_TH_COLOR2} solid; }

/* Main table cell colours and backgrounds */
td.row1 { background-color: {T_TR_COLOR1}; }
td.row2 { background-color: {T_TR_COLOR2}; }
td.row3 { background-color: {T_TR_COLOR3}; }

/*
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: {T_TD_COLOR2};
background-image: url(templates/wowHorde/images/{T_TH_CLASS3});
background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th {
color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold;
background-color: {T_BODY_LINK}; height: 25px;
background-image: url(templates/wowHorde/images/{T_TH_CLASS2});
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-image: url(templates/wowHorde/images/{T_TH_CLASS1});
background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid; 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: {T_TD_COLOR2}; border-style: solid; height: 28px;
}
td.row3Right,td.spaceRow {
background-color: {T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid;
}

th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom { border-width: 0px 1px 1px 1px; }
th.thTop { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle {
font-weight: bold; font-size: 16px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};
text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};
}

/* General text */
.gen { font-size : {T_FONTSIZE3}px; }
.genmed { font-size : {T_FONTSIZE2}px; }
.gensmall { font-size : {T_FONTSIZE1}px; }
.gen,.genmed,.gensmall { color : {T_BODY_TEXT}; }
a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: {T_BODY_HLINK}; text-decoration: underline; }

/* The register, login, search etc links at the top of the page */
.mainmenu { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT} }
a.mainmenu { text-decoration: none; color : {T_BODY_LINK}; }
a.mainmenu:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }

/* Forum category titles */
.cattitle { font-weight: bold; font-size: {T_FONTSIZE3}px ; letter-spacing: 1px; color : {T_BODY_LINK}}
a.cattitle { text-decoration: none; color : {T_BODY_LINK}; }
a.cattitle:hover{ text-decoration: underline; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink { font-weight: bold; font-size: {T_FONTSIZE3}px; color : {T_BODY_LINK}; }
a.forumlink { text-decoration: none; color : {T_BODY_LINK}; }
a.forumlink:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
a.nav { text-decoration: none; color : {T_BODY_LINK}; }
a.nav:hover { text-decoration: underline; }

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2 { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT}; }
a.topictitle:link { text-decoration: none; color : {T_BODY_LINK}; }
a.topictitle:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.topictitle:hover { text-decoration: underline; color : {T_BODY_HLINK}; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};}

/* Location, number of posts, post date etc */
.postdetails { font-size : {T_FONTSIZE1}px; color : {T_BODY_TEXT}; }

/* The content of the posts (body of text) */
.postbody { font-size : {T_FONTSIZE3}px; line-height: 18px}
a.postlink:link { text-decoration: none; color : {T_BODY_LINK} }
a.postlink:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.postlink:hover { text-decoration: underline; color : {T_BODY_HLINK}}

/* Quote & Code blocks */
.code {
font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR2};
background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
font-family: {T_FONTFACE1}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR1}; line-height: 125%;
background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}


/* Copyright and bottom info */
.copyright { font-size: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: -1px;}
a.copyright { color: {T_FONTCOLOR1}; text-decoration: none;}
a.copyright:hover { color: {T_BODY_TEXT}; text-decoration: underline;}

/* Form elements */
input,textarea, select {
color : {T_BODY_TEXT};
font: normal {T_FONTSIZE2}px {T_FONTFACE1};
border-color : {T_BODY_TEXT};
}

/* The text input fields background colour */
input.post, textarea.post, select {
background-color : {T_TD_COLOR2};
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
background-color : {T_TR_COLOR1};
color : {T_BODY_TEXT};
font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
}

/* The main submit button option */
input.mainoption {
background-color : {T_TD_COLOR1};
font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
background-color : {T_TD_COLOR1};
font-weight : normal;
}

/* 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: {T_TR_COLOR2}; border-style: none; }

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("templates/wowHorde/formIE.css");
-->
</style>
<script language="Javascript" type="text/javascript">
<!--
function mR(elem) {
document.images[elem].src = 'templates/wowHorde/images/icon_mini_' + elem + 'ON.gif';
}

function mO(elem) {
document.images[elem].src = 'templates/wowHorde/images/icon_mini_' + elem + '.gif';
}
//-->
</script>

<!-- BEGIN switch_enable_pm_popup --> <b>
<script language="Javascript" type="text/javascript">
<!--
if ( {PRIVATE_MESSAGE_NEW_FLAG} )
{
window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
}

//-->
</script>
</b> <!-- END switch_enable_pm_popup --> <a name="top"></a>
<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center">
<tr>
<td>
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="25%">&nbsp;</td>
<td align="center" width="50%" valign="middle" nowrap><img src="templates/wowHorde/images/wowHorde.jpg" width="691" height="90"></td>
<td width="25%" valign="bottom" align="right">&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td align="center" valign="middle" style="background-image: url(templates/wowHorde/images/wowHordeToolBack.jpg); background-repeat: no-repeat; background-position: center top">
<a href="{U_FAQ}" class="mainmenu"><img id='faq' onmouseover="javascript:mR('faq');" onmouseout="javascript:mO('faq');" src="templates/wowHorde/images/icon_mini_faq.gif" width="31" height="19" border="0" alt="{L_FAQ}"/></a>
<a href="{U_SEARCH}" class="mainmenu"><img id='search' onmouseover="javascript:mR('search');" onmouseout="javascript:mO('search');" src="templates/wowHorde/images/icon_mini_search.gif" width="45" height="19" border="0" alt="{L_SEARCH}" /></a>
<a href="{U_MEMBERLIST}" class="mainmenu"><img id='members' onmouseover="javascript:mR('members');" onmouseout="javascript:mO('members');" src="templates/wowHorde/images/icon_mini_members.gif" width="65" height="19" border="0" alt="{L_MEMBERLIST}" /></a>
<a href="{U_GROUP_CP}" class="mainmenu"><img id='groups' onmouseover="javascript:mR('groups');" onmouseout="javascript:mO('groups');" src="templates/wowHorde/images/icon_mini_groups.gif" width="65" height="19" border="0" alt="{L_USERGROUPS}" /></a>
<a href="{U_PROFILE}" class="mainmenu"><img id='profile' onmouseover="javascript:mR('profile');" onmouseout="javascript:mO('profile');" src="templates/wowHorde/images/icon_mini_profile.gif" width="45" height="19" border="0" alt="{L_PROFILE}" /></a>
<!-- BEGIN switch_user_logged_out -->
<a href="{U_REGISTER}" class="mainmenu"><img id='register' onmouseover="javascript:mR('register');" onmouseout="javascript:mO('register');" src="templates/wowHorde/images/icon_mini_register.gif" width="55" height="19" border="0" alt="{L_REGISTER}" /></a>
<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img id='login' onmouseover="javascript:mR('login');" onmouseout="javascript:mO('login');" src="templates/wowHorde/images/icon_mini_login.gif" width="45" height="19" border="0" alt="{L_LOGIN_LOGOUT}"/></a>
<!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in -->
<a href="{U_PRIVATEMSGS}" class="mainmenu"><img id='pm' onmouseover="javascript:mR('pm');" onmouseout="javascript:mO('pm');" src="templates/wowHorde/images/icon_mini_pm.gif" width="56" height="19" border="0" alt="{PRIVATE_MESSAGE_INFO}"/></a>
<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img id='logout' onmouseover="javascript:mR('logout');" onmouseout="javascript:mO('logout');" src="templates/wowHorde/images/icon_mini_logout.gif" width="45" height="19" border="0" alt="{L_LOGIN_LOGOUT}"/></a>
<!-- END switch_user_logged_in -->

</td>
<td>&nbsp;</td>
</tr>
</table>
</table>
<table border=0 cellspacing=0 cellpadding=0 width="100%" >
<!-- This is the top line in the page and defines the widths of columns-->
<tr>
<td width="17" nowrap style="background-image: url(templates/wowHorde/images/bdCorner.gif); background-repeat: no-repeat; background-position: right bottom">&nbsp;</td>
<td width="100%" nowrap style="background-image: url(templates/wowHorde/images/bdHoriz.gif); background-repeat: repeat-x; background-position: center bottom">&nbsp;</td>
<td width="17" nowrap style="background-image: url(templates/wowHorde/images/bdCorner.gif); background-repeat: no-repeat; background-position: left bottom">&nbsp;</td>
</tr>
<tr>
<td width="17" nowrap style="background-image: url(templates/wowHorde/images/bdVert.gif); background-repeat: repeat-y; background-position: right top">&nbsp;</td>
<td valign="top" nowrap>
DeeAge
Mitglied
Beiträge: 165
Registriert: 16.04.2004 22:43

Beitrag von DeeAge »

<td width="


das ist die breite der Tabele spiel dich einfach al

aber mach eine Sicherheits kopie ;)
Patrick Pütz
Mitglied
Beiträge: 127
Registriert: 15.11.2003 18:58
Wohnort: Köln
Kontaktdaten:

Beitrag von Patrick Pütz »

Ich schäme mich ja , das zusagen , aber ich bekomme das noch nicht einmal hin !

So ein FU.

Können wir uns im ICQ der im IRC unterhalten ?
DeeAge
Mitglied
Beiträge: 165
Registriert: 16.04.2004 22:43

Beitrag von DeeAge »

aber es wird gar nich so einfach des ändern, weilst dan vermutlich die bild größen auch ändern musst (kann mich auch irren)
Antworten

Zurück zu „phpBB 2.0: Styles, Templates und Grafiken“