Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag11.05.2009 um 19:13 (UTC)    
Titel: Design ändern

Hallo...
Ich hätte gerne Design 1 als mein Webseiten Design.
Keine Sorge. Das Forum gehört mir, also es muss nicht kommen mit Urheberrecht oder so.

Zu Design 1
Meine Homepage

Könnt ihr mir bitte sagen, was ich wo einfügen muss?
______________

Beitrag11.05.2009 um 21:06 (UTC)    
Titel:

Hier ist der ganze Style zum Downloaden.
http://ul.to/eybf26
Passwort: nintendowii

CSS-Code:

Code:
/* Layout
 ------------ */
* {
   /* Reset browsers default margin, padding and font sizes */
   margin: 0;
   padding: 0;
       
}

html {
   font-size: 100%;
        background:#000000;
}

body {
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    color: #DDDDDD;
   font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
   margin: 0px 0px 0px 0px;
        padding: 0px;
   border-width: 0px;
        background:#000000;
}

#wrapheader {
   min-height: 150px;
   height: auto !important;
   height: 150px;
   padding: 0px;
}

#wrapcentre {
   margin: 25px 25px 0 25px;
}

#wrapfooter {
   text-align: center;
   clear: both;
        padding: 10px;

}

#wrapnav {
        font-size: 70.5%;
   width: 100%;
   margin: 0;
   background-color: #FFFFFF;
   border-width: 1px;
   border-style: solid;
   border-color: #000000;
}

#logodesc {
   margin-bottom: 0px;
   padding: 0px 0px 0px 25px;
        background:#000000 url(http://img4.abload.de/img/wogbannerlarge2uxam.jpg);
   background-repeat: no-repeat;
        background-position: top right;
        height: 150px;
}

#menubar {
        font-size: 1.5em;
        padding: 11px 15px;
   border-width: 0px;
        background:#000000 url(styles/darksunblue/theme/images/main-nav-bg.gif);
        background-repeat: repeat-x;
}

#datebar {
        font-size: 1.0em;
   margin: 0px 0px 0px 0px;
        padding: 5px 25px;
        border-width: 0px;
        background:#000000 url(styles/darksunblue/theme/images/date-bg.gif);
        background-repeat: repeat-x;
}

#findbar {
   width: 100%;
   margin: 0;
   padding: 0;
   border: 0;
}

.forumrules {
   background-color: #111111;
        border: 1px solid #3F3F3F;
   padding: 4px;
   font-weight: normal;
   font-size: 1.1em;
   font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.breadcrumbs{
         color:#CCCCCC;
   font-size: 0.8em;
   font-weight: bold;
   background-color: #000000;
   padding: 5px 5px;
}

#pageheader { }
#pagecontent { }
#pagefooter { }

#poll { }
#postrow { }
#postdata { }

/*  Text
 --------------------- */
.sub_title {
   color: #EEEEEE;
   font-family: Verdana, "Lucida Grande", "Trebuchet MS", sans-serif;
   font-weight: normal;
   font-size: 1.2em;
   text-decoration: none;
        margin: 0px 0px;
}


h1 {
   color: #EEEEEE;
   font-family: Verdana, "Lucida Grande", "Trebuchet MS", sans-serif;
   font-weight: normal;
   font-size: 3.0em;
   text-decoration: none;
}

h2 {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 2.8em;
   text-decoration: none;
   line-height: 120%;
        color: #DDDDDD;
}

h3 {
   font-size: 1.3em;
   font-weight: bold;
   font-family: Arial, Helvetica, sans-serif;
   line-height: 120%;
}

h4 {
   margin: 0;
   font-size: 1.1em;
   font-weight: bold;
}

p {
   font-size: 1.1em;
}

p.moderators {
   margin: 0;
   float: left;
   color: #FCC263;
   font-weight: bold;
}

.rtl p.moderators {
   float: right;
}

p.linkmcp {
   margin: 0;
   float: right;
   white-space: nowrap;
}

.rtl p.linkmcp {
   float: left;
}

p.breadcrumbs {
   margin: 0;
   float: left;
   color: #DDDDDD;
   font-weight: bold;
   white-space: normal;
   font-size: 1.5em;
}

.rtl p.breadcrumbs {
   float: right;
}

p.datetime {
   margin: 0;
   float: right;
   font-size: 1.2em;
}

.rtl p.datetime {
   float: left;
}

p.searchbar {
   padding: 2px 0;
   white-space: nowrap;
}

p.searchbarreg {
   margin: 0;
   float: right;
   white-space: nowrap;
}

.rtl p.searchbarreg {
   float: left;
}

p.forumdesc {
   padding-bottom: 4px;
}

p.topicauthor {
   margin: 1px 0;
}

p.topicdetails {
   margin: 1px 0;
}

.postreported, .postreported a:visited, .postreported a:hover, .postreported a:link, .postreported a:active {
   margin: 1px 0;
   color: red;
   font-weight:bold;
}

.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a:link, .postapprove a:active {
   color: green;
   font-weight:bold;
}

.postapprove img, .postreported img {
   vertical-align: bottom;
}

.postauthor {
   color: #DDDDDD;
}

.postdetails {
   color: #CCCCCC;
}

.postbody {
   font-size: 1.3em;
   line-height: 1.4em;
   font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
}

.postbody li, ol, ul {
   margin: 0 0 0 1.5em;
}

.rtl .postbody li, .rtl ol, .rtl ul {
   margin: 0 1.5em 0 0;
}

.posthilit {
   background-color: #FFCC66;
   color: #000000;
}

.nav {
   margin: 0;
   color: #DDDDDD;
   font-weight: bold;
}

.pagination {
   padding: 4px;
   color: black;
   font-size: 1em;
   font-weight: bold;
}

.cattitle {
}

.gen {
   margin: 1px 1px;
   font-size: 1.2em;
}

.genmed {
   margin: 1px 1px;
   font-size: 1.1em;
}

.gensmall {
   margin: 1px 1px;
   font-size: 1em;
        color: #ABABAB;
}

.copyright {
   color: #BBBBBB;
   font-weight: normal;
   font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.titles {
   font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
   font-weight: bold;
   font-size: 1.3em;
   text-decoration: none;
}

.error {
   color: red;
}


/* Tables
 ------------ */
th {
   color: #CCCCCC;
   font-size: 1.1em;
   font-weight: bold;
   white-space: nowrap;
   padding: 7px 5px;
        background:#191919;
}

td {
   padding: 2px;
}
td.profile {
   padding: 4px;
        background-color: #000000;
}

.tablebg {
   background-color: #5E5E5E;
}

.catdiv {
   height: 28px;
   margin: 0;
   padding: 0;
   border: 0;
        background:#000000;
}
.rtl .catdiv {
        background:#000000;
}

.cat {
   height: 28px;
   margin: 0;
   padding: 0;
   border: 0;
   background:#000000;
   text-indent: 10px;
}

.row1 {
   background-color: #000000;
   padding: 4px;
}

.row2 {
   background-color: #000000;
   padding: 4px;
}

.row3 {
   background-color: #000000;
   padding: 4px;
}

.rowgood {
   background-color: #003300;
   padding: 4px;
}

.rowneutral {
   background-color: #191919;
   padding: 4px;
}

.rowbad {
   background-color: #6C0000;
   padding: 4px;
}


hr {
   height: 1px;
   border-width: 0;
   color: #3F3F3F;
}

.legend {
   text-align:center;
   margin: 0 auto;
}

/* Links
 ------------ */
a:link {
   color: #3E8FFD;
   text-decoration: none;
}

a:active,
a:visited {
        color: #3E8FFD;
   text-decoration: none;
}

a:hover {
   color: #DDDDDD;
   text-decoration: none;
}

a.forumlink {
   color: #3E8FFD;
   font-weight: bold;
   font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
   font-size: 1.2em;
}

a.forumlink:hover {
   color: #DDDDDD;
   text-decoration: none;
}

a.topictitle {
   margin: 1px 0;
   font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
   font-weight: bold;
   font-size: 1.2em;
}

a.topictitle:visited {
   text-decoration: none;
}

th a,
th a:visited {
   color: #DDDDDD !important;
   text-decoration: none;
}

th a:hover {
   text-decoration: underline;
}


/* Form Elements
 ------------ */
form {
   margin: 0;
   padding: 0;
   border: 0;
}

input {
   color: #DDDDDD;
   font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
   font-size: 1.1em;
   font-weight: normal;
   padding: 1px;
   border: 1px solid #5E5E5E;
   background-color: #000000;
}

textarea {
   background-color: #000000;
   color: #DDDDDD;
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
   font-size: 1.3em;
   line-height: 1.4em;
   font-weight: normal;
   border: 1px solid #5E5E5E;
   padding: 2px;
}

select {
   color: #DDDDDD;
   background-color: #000000;
   font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
   font-size: 1.1em;
   font-weight: normal;
   border: 1px solid #5E5E5E;
   padding: 1px;
}

option {
   padding: 0 1em 0 0;
}

.rtl option {
   padding: 0 0 0 1em;
}

input.radio {
   border: none;
}

.post {
   background-color: #000000;
   border: 1px solid #5E5E5E;
        color: #DDDDDD;
}

.btnbbcode {
   color: #3E8FFD;
   font-weight: bold;
   font-size: 1.1em;
   font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
   background-color: #000000;
   border: 1px solid #5E5E5E;
}

.btnmain {
        color: #3E8FFD;
   font-weight: bold;
   background-color: #000000;
   border: 1px solid #5E5E5E;
   cursor: pointer;
   padding: 1px 5px;
   font-size: 1.1em;
}

.btnlite {
        color: #3E8FFD;
   font-weight: bold;
   background-color: #000000;
   border: 1px solid #5E5E5E;
   cursor: pointer;
   padding: 1px 5px;
   font-size: 1.1em;
}

.btnfile {
        color: #FA9800;
   font-weight: bold;
   background-color: #000000;
   border: 1px solid #5E5E5E;
   padding: 1px 5px;
   font-size: 1.1em;
}

.helpline {
   background-color: #191919;
   border-style: none;
        color: #DDDDDD;
        padding: 2px;
}


/* BBCode
 ------------ */
.quotetitle, .attachtitle {
   margin: 10px 5px 0 5px;
   padding: 4px;
   border-width: 1px 1px 0 1px;
   border-style: solid;
   border-color: #5E5E5E;
   color: #DDDDDD;
        background-color: #000000;
   font-size: 0.85em;
   font-weight: bold;
}

.quotetitle .quotetitle {
   font-size: 1em;
}

.quotecontent, .attachcontent {
   margin: 0 5px 10px 5px;
   padding: 5px;
   border-color: #5E5E5E;
   border-width: 0 1px 1px 1px;
   border-style: solid;
   font-weight: normal;
   font-size: 1em;
   line-height: 1.4em;
   font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
   background-color: #262626;
   color: #DDDDDD;
}

.attachcontent {
   font-size: 0.85em;
}

.codetitle {
   margin: 10px 5px 0 5px;
   padding: 2px 4px;
   border-width: 1px 1px 0 1px;
   border-style: solid;
   border-color: #5E5E5E;
   color: #DDDDDD;
   background-color: #000000;
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
   font-size: 0.8em;
}

.codecontent {
   direction: ltr;
   margin: 0 5px 10px 5px;
   padding: 5px;
   border-color: #5E5E5E;
   border-width: 0 1px 1px 1px;
   border-style: solid;
   font-weight: normal;
   color: #DDDDDD;
   font-size: 0.85em;
   font-family: Monaco, 'Courier New', monospace;
   background-color: #262626;
}

.syntaxbg {
   color: #FFFFFF;
}

.syntaxcomment {
   color: #FF8000;
}

.syntaxdefault {
   color: #0000BB;
}

.syntaxhtml {
   color: #000000;
}

.syntaxkeyword {
   color: #006633;
}

.syntaxstring {
   color: #990000;
}


/* Private messages
 ------------------ */
.pm_marked_colour {
   background-color: #1175FD;
}

.pm_replied_colour {
   background-color: #2A2A2A;
}

.pm_friend_colour {
   background-color: #006600;
}

.pm_foe_colour {
   background-color: #990000;
}


/* Misc
 ------------ */
img {
   border: none;
}

.sep {
   color: black;
   background-color: #FFA34F;
}

table.colortable td {
   padding: 0;
}

pre {
   font-size: 1.1em;
   font-family: Monaco, 'Courier New', monospace;
}

.nowrap {
   white-space: nowrap;
}

.username-coloured {
   font-weight: bold;
}
.specialcolor{
   color:#2370B6;
}


Dann noch die Overall sachen unter Template (Da sind noch viel mehr)

Overall
Overall_Header
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.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-language" content="{S_USER_LANG}" />
<meta http-equiv="content-style-type" content="text/css" />
<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}
<title>World of Games - Foren &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>

<link rel="stylesheet" href="{T_STYLESHEET_LINK}" type="text/css" />

<script type="text/javascript">
// <![CDATA[
<!-- IF S_USER_PM_POPUP -->
   if ({S_NEW_PM})
   {
      popup('{UA_POPUP_PM}', 400, 225, '_phpbbprivmsg');
   }
<!-- ENDIF -->

function popup(url, width, height, name)
{
   if (!name)
   {
      name = '_popup';
   }

   window.open(url.replace(/&amp;/g, '&'), name, 'height=' + height + ',resizable=yes,scrollbars=yes,width=' + width);
   return false;
}

function jumpto()
{
   var page = prompt('{LA_JUMP_PAGE}:', '{ON_PAGE}');
   var perpage = '{PER_PAGE}';
   var base_url = '{A_BASE_URL}';

   if (page !== null && !isNaN(page) && page > 0)
   {
      document.location.href = base_url.replace(/&amp;/g, '&') + '&start=' + ((page - 1) * perpage);
   }
}

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

/**
* Mark/unmark checklist
* id = ID of parent container, name = name prefix, state = state [true/false]
*/
function marklist(id, name, state)
{
   var parent = document.getElementById(id);
   if (!parent)
   {
      eval('parent = document.' + id);
   }

   if (!parent)
   {
      return;
   }

   var rb = parent.getElementsByTagName('input');
   
   for (var r = 0; r < rb.length; r++)
   {
      if (rb[r].name.substr(0, name.length) == name)
      {
         rb[r].checked = state;
      }
   }
}

<!-- IF ._file -->

   /**
   * Play quicktime file by determining it's width/height
   * from the displayed rectangle area
   *
   * Only defined if there is a file block present.
   */
   function play_qt_file(obj)
   {
      var rectangle = obj.GetRectangle();

      if (rectangle)
      {
         rectangle = rectangle.split(',')
         var x1 = parseInt(rectangle[0]);
         var x2 = parseInt(rectangle[2]);
         var y1 = parseInt(rectangle[1]);
         var y2 = parseInt(rectangle[3]);

         var width = (x1 < 0) ? (x1 * -1) + x2 : x2 - x1;
         var height = (y1 < 0) ? (y1 * -1) + y2 : y2 - y1;
      }
      else
      {
         var width = 200;
         var height = 0;
      }

      obj.width = width;
      obj.height = height + 16;

      obj.SetControllerVisible(true);

      obj.Play();
   }
<!-- ENDIF -->

// ]]>
</script>
</head>
<body class="{S_CONTENT_DIRECTION}">

<a name="top"></a>
<table border="0" cellspacing="0" cellpadding="0">
<tr><td background="{T_THEME_PATH}/images/bg-left.jpg"><img src="{T_THEME_PATH}/images/bg-spacer.gif"/></td><td width="100%">
<div id="menubar">
      <table width="100%" cellspacing="0">
      <tr>
         <td class="genmed">
            <!-- IF not S_IS_BOT --><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a>&nbsp;<!-- ENDIF -->
            <!-- IF U_RESTORE_PERMISSIONS --> &nbsp;<a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a><!-- ENDIF -->
            <!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN --> &nbsp;<span style="color: red;">{L_BOARD_DISABLED}</span><!-- ENDIF -->
            <!-- IF not S_IS_BOT -->
               <!-- IF S_USER_LOGGED_IN -->
                  <!-- IF S_DISPLAY_PM --> &nbsp;<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->, {PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF --></a><!-- ENDIF -->
               <!-- ELSEIF S_REGISTER_ENABLED --> &nbsp;<a href="{U_REGISTER}">{L_REGISTER}</a>
               <!-- ENDIF -->
            <!-- ENDIF -->
         </td>
         <td class="genmed" align="{S_CONTENT_FLOW_END}">
         <!-- MULTIMOD Added Calendar -->
            <!-- IF S_CALENDAR--><a href="{U_CALENDAR}">{L_CALENDAR}</a>&nbsp; &nbsp;<!-- ENDIF -->
         <!-- MULTIMOD Added Usermap Link -->
         <!-- IF S_USER_MAP -->
         <a href="{U_USER_MAP}">{L_USER_MAP}</a>&nbsp; &nbsp;<!-- ENDIF -->
             <a href="{U_FAQ}">{L_FAQ}</a>
            <!-- IF S_DISPLAY_SEARCH -->&nbsp; &nbsp;<a href="{U_SEARCH}">{L_SEARCH}</a><!-- ENDIF -->
            <!-- IF not S_IS_BOT -->
               <!-- IF S_DISPLAY_MEMBERLIST -->&nbsp; &nbsp;<a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a><!-- ENDIF -->
               <!-- IF S_USER_LOGGED_IN -->&nbsp; &nbsp;<a href="{U_PROFILE}">{L_PROFILE}</a><!-- ENDIF -->
            <!-- ENDIF -->
         </td>
      </tr>
      </table>
   </div>

<div id="wrapheader">

   <div id="logodesc">
      <table width="100%" cellspacing="0" cellpadding="0">
      <tr>
         <td align="left">
<br/><br/><br/><br/>
<h1>{SITENAME}</h1><br/>
<span class="sub_title">{SITE_DESCRIPTION}</span>
</td>
      </tr>
      </table>
   </div>

   

   <div id="datebar">
      <table width="100%" cellspacing="0">
      <tr>
         <td class="gensmall"><!-- IF S_USER_LOGGED_IN -->{LAST_VISIT_DATE}<!-- ENDIF --></td>
         <td class="gensmall" align="{S_CONTENT_FLOW_END}">{CURRENT_TIME}<br /></td>
      </tr>
      </table>
   </div>

</div>

<div id="wrapcentre">

   <!-- IF S_DISPLAY_SEARCH -->
   <p class="searchbar">
      <span style="float: {S_CONTENT_FLOW_BEGIN};"><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> | <a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a></span>
      <!-- IF S_USER_LOGGED_IN -->
      <span style="float: {S_CONTENT_FLOW_END};"><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><!-- IF S_INC_UNREAD_LINK --><!-- IF S_EXISTS_UNREADS --> | <a href="{U_SEARCH_UNREAD}">{L_VIEW_UNREADS}</a><!-- ELSE --> | <a href="{U_SEARCH_UNREAD}">{L_NO_UNREADS}</a><!-- ENDIF --><!-- ENDIF -->
      <!-- **MULTIMOD** start mod view or mark unread posts (and end mod too) ... added unread references in the preceding line -->| <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></span>
      <!-- ENDIF -->
   </p>
   <!-- ENDIF -->

   <br style="clear: both;" />

   <!-- INCLUDE breadcrumbs.html -->

   <br />


Overall_Footer
Code:
   <!-- IF not S_IS_BOT -->{RUN_CRON_TASK}<!-- ENDIF -->
</div>

<!--
   We request you retain the full copyright notice below including the link to www.phpbb.com.
   This not only gives respect to the large amount of time given freely by the developers
   but also helps build interest, traffic and use of phpBB3. If you (honestly) cannot retain
   the full copyright we ask you at least leave in place the "Powered by phpBB" line, with
   "phpBB" linked to www.phpbb.com. If you refuse to include even this then support on our
   forums may be affected.

   The phpBB Group : 2006
//-->

<div id="wrapfooter">
   <!-- IF U_ACP --><span class="gensmall">[ <a href="{U_ACP}">{L_ACP}</a> ]</span><br /><br /><!-- ENDIF -->
</div>
<div align="right">
   <span class="copyright">Powered by <a href="http://www.phpbb.com/" rel="nofollow">phpBB</a> &copy; 2000, 2002, 2005, 2007 phpBB Group&nbsp;&nbsp;<br/>Design By <a href="http://www.pokerbandits.ca" rel="nofollow">Poker Bandits</a>&nbsp;&nbsp;
   <!-- IF TRANSLATION_INFO --><br />{TRANSLATION_INFO}<!-- ENDIF -->
   <!-- IF DEBUG_OUTPUT --><br /><bdo dir="ltr">[ {DEBUG_OUTPUT} ]</bdo><!-- ENDIF --></span>
</div>
<br/>
</td><td background="{T_THEME_PATH}/images/bg-right.jpg"><img src="{T_THEME_PATH}/images/bg-spacer.gif"/></td></tr></table>
</body>
</html>

______________



Zuletzt bearbeitet von wog-community am 11.05.2009, 22:16, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de