Registriere dich hier, um versteckte Bereiche sehen zu können, Highscores zu speichern oder Fragen zu stellen!

Floatingbar

Adminbereich » Styles » Themes sind Stylesheets (CSS) Vorlagen (Farben, größen, Abstände (prosilver auch Grafiken))
Adminbereich » Styles » Templates sind HTML Vorlagen (wo was angezeigt wird und ob überhaupt)

subSilver und prosilver Styles - es gibt 2 Arten von Styles, hier alle im Überblick:
subSilver2 Styles: 610nm, AcidTech, Vista, bo2Soft, subsilver2, eTech, Serenity, vBoard, vLight, vPlasma, subBlack
prosilver Styles: BrownChocolate, WoWKing, Eliteblue, Glacier, GreenGrass, RedSunrise, prosilver
Kostenloses phpbb2 Forum
phpbb2 Forum Hosting
www.phpbb6.de
phpbb9 ist das Support Forum für unsere Hosting Services.Hilfe nur für Foren von Kostenloses-Forum.be, Userboard.org, plusBB, phpbb8.de, phpbb6.de, Gratis-Board.de und Forumo.de.
Du hast dein Forum nicht bei uns? Dann schaue dich um und siehe was du selbst völlig kostenlos machen könntest, gucke dir auch andere interessante Foren aus unserem Netzwerk an!
Du erhältst hier Tipps und Problemlösungen zu deinem Forum bei uns!

phpbb3
phpBB3 Forum Hosting
www.phpbb8.de
AbonnentenAbonnenten: 0
LesezeichenLesezeichen: 0
Zugriffe: 229

Floatingbar

Beitrag#1von Manu14 » 02.01.2011 19:24

Hallo zusammen,

ich hätte eine Frage, ich habe diese Anleitung zum erstellen einer Floatingbar genommen. Jetzt bin ich genau so vorgegangen, wie dort steht: Ich habe die Zeile gefunden, dann das Zeichen: > und habe dort 1x die ENTER Taste gedrückt. Nach dem habe ich den Code eingefügt und fertig. Jetzt wenn ich als Gast die Seite betrete, funktioniert das leider nicht. Wisst ihr was ich falsch gemacht habe??
Benutzeravatar
Manu14
Foren Benutzer
Foren Benutzer
 
Beiträge: 114
Registriert: 12.2010
Barvermögen: 3.375,79 Points
Danke gegeben: 0
Danke bekommen: 0x in 0 Post
Geschlecht: nicht angegeben
Forenstyle: AcidTech Blue

Re: Floatingbar

Beitrag#2von tups » 02.01.2011 19:31

Hm, jetzt ist da schlecht nachzuvollziehen, da wir nicht wissen wo genau du es eingefügt hast, denn das > gibt es 100fach in Template. Da müsstest du schon etwas genauer beschreiben wie und wo genau du es eingefügt hast.
Am besten poste doch mal das template, dann können wir das besser nachvollziehen.

Aber bitte in Code_TAG setzen, nutze dazu dieses Bild Symbol.


LG Peter
Bild
Benutzeravatar
tups
Supporter im Ruhestand
Supporter im Ruhestand
 
Beiträge: 7019
Registriert: 06.2009
Barvermögen: 100.578,29 Points
Bank: 125.442,55 Points
Danke gegeben: 561
Danke bekommen: 1770x in 1468 Posts
Geschlecht: männlich
Forenstyle: X-Silver

Re: Floatingbar

Beitrag#3von Manu14 » 02.01.2011 19:36

Code: Alles auswählen
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" 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="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
{META}
<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>
<!--[if lt IE 7]>
<script language="JavaScript">
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
{
   var arVersion = navigator.appVersion.split("MSIE")
   var version = parseFloat(arVersion[1])
   if ((version >= 5.5) && (document.body.filters))
   {
      for(var i=0; i<document.images.length; i++)
      {
         var img = document.images[i]
         var imgName = img.src.toUpperCase()
         if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
         {
            var imgID = (img.id) ? "id='" + img.id + "' " : ""
            var imgClass = (img.className) ? "class='" + img.className + "' " : ""
            var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
            var imgStyle = "display:inline-block;" + img.style.cssText
            if (img.align == "left") imgStyle = "float:left;" + imgStyle
            if (img.align == "right") imgStyle = "float:right;" + imgStyle
            if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
            var strNewHTML = "<span " + imgID + imgClass + imgTitle
            + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
            + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
            + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
            img.outerHTML = strNewHTML
            i = i-1
         }
      }
   }   
}
window.attachEvent("onload", correctPNG);
</script>
<![endif]-->
<script type="text/javascript">
// <![CDATA[
   var jump_page = '{L_JUMP_PAGE}:';
   var on_page = '{ON_PAGE}';
   var per_page = '{PER_PAGE}';
   var base_url = '{BASE_URL}';
   var style_cookie = 'phpBBstyle';
   var onload_functions = new Array();
   var onunload_functions = new Array();

   <!-- IF S_USER_PM_POPUP -->
      if ({S_NEW_PM})
      {
         window.open('{UA_POPUP_PM}', '_phpbbprivmsg', 'height=225,resizable=yes,width=400');
      }
   <!-- ENDIF -->

   /**
   * Find a member
   */
   function find_username()
   {
      <!-- IF UA_FIND_USERNAME -->
      window.open('{UA_FIND_USERNAME}', '_usersearch', 'height=500, resizable=yes, scrollbars=yes, width=740');
      <!-- ENDIF -->
      return false;
   }

   /**
   * New function for handling multiple calls to window.onload and window.unload by pentapenguin
   */
   window.onload = function()
   {
      for (i = 0; i <= onload_functions.length; i++)
      {
         eval(onload_functions[i]);
      }
   }

   window.onunload = function()
   {
      for (i = 0; i <= onunload_functions.length; i++)
      {
         eval(onunload_functions[i]);
      }
   }

// ]]>
</script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/styleswitcher.js"></script>
<!-- script type="text/javascript" src="{T_TEMPLATE_PATH}/forum_fn.js"></script -->
<!-- link href="{T_THEME_WEB_PATH}/headers.css" rel="stylesheet" type="text/css" media="screen, projection" / -->
<!-- link href="{T_THEME_WEB_PATH}/cp.css" rel="stylesheet" type="text/css" media="screen, projection" / -->
<!-- link href="{T_THEME_WEB_PATH}/navigation.css" rel="stylesheet" type="text/css" media="screen, projection" / -->

<link href="{T_THEME_WEB_PATH}/common.css" rel="stylesheet" type="text/css" media="screen, projection" />
<link href="{T_THEME_WEB_PATH}/links.css" rel="stylesheet" type="text/css" media="screen, projection" />
<link href="{T_THEME_WEB_PATH}/content.css" rel="stylesheet" type="text/css" media="screen, projection" />
<link href="{T_THEME_WEB_PATH}/forms.css" rel="stylesheet" type="text/css" media="screen, projection" />
<link href="{T_THEME_WEB_PATH}/tweaks.css" rel="stylesheet" type="text/css" media="screen, projection" />
<link href="{T_THEME_WEB_PATH}/titles.css" rel="stylesheet" type="text/css" media="screen, projection" />
<link href="{T_THEME_WEB_PATH}/documentation.css" rel="stylesheet" type="text/css" media="screen, projection" />
<link href="{T_THEME_WEB_PATH}/silver.css" rel="stylesheet" type="text/css" media="screen, projection" />



<link href="{T_THEME_WEB_PATH}/website.css" rel="stylesheet" type="text/css" media="screen, projection" />
<link href="{T_THEME_WEB_PATH}/colours.css" rel="stylesheet" type="text/css" media="screen, projection" />
<link href="{T_THEME_WEB_PATH}/siteStyle.css" rel="stylesheet" type="text/css" media="screen, projection" />

<!--    normal.css   OR   medium.css    OR   large.css     -->
<link href="{T_THEME_PATH}/medium.css" rel="stylesheet" type="text/css" title="A" />

<style type="text/css" media="screen, projection">
<!--
/* --   begin to make your Style !!      */

/*  background / overall font color    */
html, body {
   color: #68696D;
   background-color: #aca8a1;
   background: url("http://www.phpbb8.de/styles/js/web/theme/images/body_bg.gif") fixed;
   background-position: center center;
}

/*  main width - beite */
#wrap {
   width: 930px;
   text-align: left;
   padding: 0 auto;
   margin-top: 0;
   margin-left: 0px;

}

/*   Header image */
body.history div.header {
   background-image: url("http://www.phpbb8.de/styles/js/web/theme/headers/header_history.jpg");
}
/*   Header block with image */
body div.header {
   background-repeat: no-repeat;
   width: 930px;
   height: 129px;
   float: left;
   margin-top: 10px;
   margin-left:15px;
}
body div.header h1 {
   margin: 0;
}
body div.header h1 a {
   display: block;
   width: 930px;
   height: 129px;
   text-indent: -5000px;
   text-decoration: none;
   margin: 0;
}


/* Corners and sides */
span.side-left, span.side-right {
   display: block;
   width: 20px;
   height: 150px;
   background: url("http://www.phpbb8.de/styles/js/web/theme/images/sides_top.gif") no-repeat;
}
span.side-left {
   background-position: 0 0;
   float: left;
   margin-right: 10px;
}
span.side-right {
   background-position: 100% 0;
   float: right;
}
span.fcorners-bottom, span.fcorners-bottom span {
   font-size: 1px;
   line-height: 1px;
   display: block;
   height: 20px;
   background-repeat: no-repeat;
   background-image: url("http://www.phpbb8.de/styles/js/web/theme/images/corners_bottom.gif");
   margin: 0;
}
span.fcorners-bottom {
   background-position: 0 0;
}
span.fcorners-bottom span {
   background-position: 100% -20px;
}


/* die ecken
----------------------------------------------------------- */
.top-left, .top-right, .bottom-left, .bottom-right {
   height: 20px;   /* aendere das in deine hoehe, die haelfte (1/2) von der Grafik */

   font-size: 2px;    /* IE fix */
   }
   
.top-left {
   background-image: url("http://www.phpbb8.de/styles/js/web/theme/images/corners_top.gif"); background-repeat:no-repeat; /* CHANGE: URL and name of your image */
   background-position: 0 -20px;
   margin-left: 1px;
   margin-top: 0px;
   margin-right: 9px;
   }
.top-right {
   background-image: url("http://www.phpbb8.de/styles/js/web/theme/images/corners_top.gif"); background-repeat:no-repeat; /* CHANGE: URL and name of your image */
   background-position: 100% 0;    /* FIX: position right corner at right side, no vertical changes */
   margin-left: 0px;
   margin-top: -9px;
   margin-right: 1px;   
   }
.top-center {
   background-image: url("http://www.phpbb8.de/styles/js/web/theme/images/bg_headers.gif"); /* CHANGE: URL and name of your image */
   background-position: 0 0px;
   height: 20px;       /* aendere das in deine hoehe, die haelfte (1/2) von der Grafik */
   font-size: 2px;    /* IE fix */
   margin-left: 20px;
   margin-top: -20px;
   margin-right: 20px;
   margin-bottom: -20px;
   }
   
.bottom-left  {
   background-image: url("http://www.phpbb8.de/styles/js/web/theme/images/corners_bottom.gif"); background-repeat:no-repeat; /* CHANGE: URL and name of your image */
   background-position: 0 0px;
   margin-right: 0px;
   margin-left: 1px;
   margin-top: 0px;
   }
.bottom-right {
   background-image: url("http://www.phpbb8.de/styles/js/web/theme/images/corners_bottom.gif"); background-repeat:no-repeat; /* CHANGE: URL and name of your image */
   background-position: 100% -20px;
   margin-right: 1px;
   margin-left: 0px;
   margin-top: -20px;
   }
.bottom-center {
   background-image: url("http://www.phpbb8.de/styles/js/web/theme/images/bg_footers.gif"); /* CHANGE: URL and name of your image */
   background-position: 0 0px;
   height: 20px;   /* aendere das in deine hoehe, die haelfte (1/2) von der Grafik */
   font-size: 2px;   /* IE fix */
   margin-left: 20px;
   margin-top: -20px;
   margin-right: 20px;
   margin-bottom: -20px;
   }

.inside {
   margin:0px;
   color: #000000;
   padding-left: 0px;             
   padding-right: 0px;

   /* IE Fix */
   background-image: url("http://www.phpbb8.de/styles/js/web/theme/images/bg_body.gif");
   background-repeat:repeat-y;
}

.outside {
   margin: 0 auto;
   width : 970px;
}

/*  \*/
* wrap { width: 1000px; }
/*  */
-->
</style>

<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
   <link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->

</head>
<body id="history" class="history ltr" >
    <!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
    <div class="floatingbar"><a href="{U_REGISTER}" id="floatingbar"><img src="http://img.userboard.org/images/shield.gif" border="0" align="absmiddle"> Als Mitglied hast Du viele neue Möglichkeiten im Forum, melde dich gleich kostenlos an!</a></div>
    <style type="text/css">
    .floatingbar a:hover, a:hover#floatingbar { background-color: #45484F; color:#ffffff; }
    .floatingbar a, .floatingbar a:link {
       background-color: #F1EEC8; color:black;
       position:fixed;padding:5px 10px;display:block;top:0;left:0;z-index:100;width:100%;border-bottom:2px solid gray;font-size:11px;font-family:Tahoma;margin:0;text-decoration:none;
    }</style>
    <!-- ENDIF --> 
<div class="outside">
   <div class="top-left"></div><div class="top-center"></div><div class="top-right"></div>
      <div class="inside">
         <div id="wrap">
         <div class="header">
            <h2 style="padding-left: 45px; padding-top: 2px; padding-right: 45px; font-size: 2.5em; color: #FFFFFF;">{SITENAME}</h2>
            <h1><a href="../web.php">{SITENAME} Homepage</a></h1>
         </div>
<a name="start_here"></a>
<div id="page-body" style="padding-top:5px;">
Benutzeravatar
Manu14
Foren Benutzer
Foren Benutzer
 
Beiträge: 114
Registriert: 12.2010
Barvermögen: 3.375,79 Points
Danke gegeben: 0
Danke bekommen: 0x in 0 Post
Geschlecht: nicht angegeben
Forenstyle: AcidTech Blue

Re: Floatingbar

Beitrag#4von tups » 02.01.2011 19:52

Was soll das für ein Template sein, das iet weder der overall_heder, noch das Theme,
oder hast du da einiges zusammengelegt?


LG Peter
Bild
Benutzeravatar
tups
Supporter im Ruhestand
Supporter im Ruhestand
 
Beiträge: 7019
Registriert: 06.2009
Barvermögen: 100.578,29 Points
Bank: 125.442,55 Points
Danke gegeben: 561
Danke bekommen: 1770x in 1468 Posts
Geschlecht: männlich
Forenstyle: X-Silver

Re: Floatingbar

Beitrag#5von Manu14 » 02.01.2011 19:55

Nein, ich bin in

Adminbereich--Styles-->Templates

gegangen und dann auf overall_header.html und dort die Zeile gesucht, leerzeile gemacht und eingefügt.

Vorhin habe ich alles makiert die ganze Template und im Beitrag eingefügt.
Benutzeravatar
Manu14
Foren Benutzer
Foren Benutzer
 
Beiträge: 114
Registriert: 12.2010
Barvermögen: 3.375,79 Points
Danke gegeben: 0
Danke bekommen: 0x in 0 Post
Geschlecht: nicht angegeben
Forenstyle: AcidTech Blue

Re: Floatingbar

Beitrag#6von tups » 02.01.2011 20:05

Poste doch bitte mal nur das Template, wo du die Floatinbar eingefügt hast
Bild
Benutzeravatar
tups
Supporter im Ruhestand
Supporter im Ruhestand
 
Beiträge: 7019
Registriert: 06.2009
Barvermögen: 100.578,29 Points
Bank: 125.442,55 Points
Danke gegeben: 561
Danke bekommen: 1770x in 1468 Posts
Geschlecht: männlich
Forenstyle: X-Silver

Re: Floatingbar

Beitrag#7von Manu14 » 02.01.2011 20:07

Ich weiß jetzt leider aber nicht, wie das geht..:(
Benutzeravatar
Manu14
Foren Benutzer
Foren Benutzer
 
Beiträge: 114
Registriert: 12.2010
Barvermögen: 3.375,79 Points
Danke gegeben: 0
Danke bekommen: 0x in 0 Post
Geschlecht: nicht angegeben
Forenstyle: AcidTech Blue

Re: Floatingbar

Beitrag#8von tups » 02.01.2011 20:14

Kopiere das overall_header und poste es genauso wie du vorhin das andere gepostet hast. Nur eben overall_header allein.
Bild
Benutzeravatar
tups
Supporter im Ruhestand
Supporter im Ruhestand
 
Beiträge: 7019
Registriert: 06.2009
Barvermögen: 100.578,29 Points
Bank: 125.442,55 Points
Danke gegeben: 561
Danke bekommen: 1770x in 1468 Posts
Geschlecht: männlich
Forenstyle: X-Silver

Re: Floatingbar

Beitrag#9von Manu14 » 02.01.2011 20:17

Code: Alles auswählen
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" 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="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
{META}
<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>
<!--[if lt IE 7]>
<script language="JavaScript">
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
{
   var arVersion = navigator.appVersion.split("MSIE")
   var version = parseFloat(arVersion[1])
   if ((version >= 5.5) && (document.body.filters))
   {
      for(var i=0; i<document.images.length; i++)
      {
         var img = document.images[i]
         var imgName = img.src.toUpperCase()
         if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
         {
            var imgID = (img.id) ? "id='" + img.id + "' " : ""
            var imgClass = (img.className) ? "class='" + img.className + "' " : ""
            var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
            var imgStyle = "display:inline-block;" + img.style.cssText
            if (img.align == "left") imgStyle = "float:left;" + imgStyle
            if (img.align == "right") imgStyle = "float:right;" + imgStyle
            if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
            var strNewHTML = "<span " + imgID + imgClass + imgTitle
            + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
            + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
            + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
            img.outerHTML = strNewHTML
            i = i-1
         }
      }
   }   
}
window.attachEvent("onload", correctPNG);
</script>
<![endif]-->
<script type="text/javascript">
// <![CDATA[
   var jump_page = '{L_JUMP_PAGE}:';
   var on_page = '{ON_PAGE}';
   var per_page = '{PER_PAGE}';
   var base_url = '{BASE_URL}';
   var style_cookie = 'phpBBstyle';
   var onload_functions = new Array();
   var onunload_functions = new Array();

   <!-- IF S_USER_PM_POPUP -->
      if ({S_NEW_PM})
      {
         window.open('{UA_POPUP_PM}', '_phpbbprivmsg', 'height=225,resizable=yes,width=400');
      }
   <!-- ENDIF -->

   /**
   * Find a member
   */
   function find_username()
   {
      <!-- IF UA_FIND_USERNAME -->
      window.open('{UA_FIND_USERNAME}', '_usersearch', 'height=500, resizable=yes, scrollbars=yes, width=740');
      <!-- ENDIF -->
      return false;
   }

   /**
   * New function for handling multiple calls to window.onload and window.unload by pentapenguin
   */
   window.onload = function()
   {
      for (i = 0; i <= onload_functions.length; i++)
      {
         eval(onload_functions[i]);
      }
   }

   window.onunload = function()
   {
      for (i = 0; i <= onunload_functions.length; i++)
      {
         eval(onunload_functions[i]);
      }
   }

// ]]>
</script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/styleswitcher.js"></script>
<!-- script type="text/javascript" src="{T_TEMPLATE_PATH}/forum_fn.js"></script -->
<!-- link href="{T_THEME_WEB_PATH}/headers.css" rel="stylesheet" type="text/css" media="screen, projection" / -->
<!-- link href="{T_THEME_WEB_PATH}/cp.css" rel="stylesheet" type="text/css" media="screen, projection" / -->
<!-- link href="{T_THEME_WEB_PATH}/navigation.css" rel="stylesheet" type="text/css" media="screen, projection" / -->

<link href="{T_THEME_WEB_PATH}/common.css" rel="stylesheet" type="text/css" media="screen, projection" />
<link href="{T_THEME_WEB_PATH}/links.css" rel="stylesheet" type="text/css" media="screen, projection" />
<link href="{T_THEME_WEB_PATH}/content.css" rel="stylesheet" type="text/css" media="screen, projection" />
<link href="{T_THEME_WEB_PATH}/forms.css" rel="stylesheet" type="text/css" media="screen, projection" />
<link href="{T_THEME_WEB_PATH}/tweaks.css" rel="stylesheet" type="text/css" media="screen, projection" />
<link href="{T_THEME_WEB_PATH}/titles.css" rel="stylesheet" type="text/css" media="screen, projection" />
<link href="{T_THEME_WEB_PATH}/documentation.css" rel="stylesheet" type="text/css" media="screen, projection" />
<link href="{T_THEME_WEB_PATH}/silver.css" rel="stylesheet" type="text/css" media="screen, projection" />



<link href="{T_THEME_WEB_PATH}/website.css" rel="stylesheet" type="text/css" media="screen, projection" />
<link href="{T_THEME_WEB_PATH}/colours.css" rel="stylesheet" type="text/css" media="screen, projection" />
<link href="{T_THEME_WEB_PATH}/siteStyle.css" rel="stylesheet" type="text/css" media="screen, projection" />

<!--    normal.css   OR   medium.css    OR   large.css     -->
<link href="{T_THEME_PATH}/medium.css" rel="stylesheet" type="text/css" title="A" />

<style type="text/css" media="screen, projection">
<!--
/* --   begin to make your Style !!      */

/*  background / overall font color    */
html, body {
   color: #68696D;
   background-color: #aca8a1;
   background: url("http://www.phpbb8.de/styles/js/web/theme/images/body_bg.gif") fixed;
   background-position: center center;
}

/*  main width - beite */
#wrap {
   width: 930px;
   text-align: left;
   padding: 0 auto;
   margin-top: 0;
   margin-left: 0px;

}

/*   Header image */
body.history div.header {
   background-image: url("http://www.phpbb8.de/styles/js/web/theme/headers/header_history.jpg");
}
/*   Header block with image */
body div.header {
   background-repeat: no-repeat;
   width: 930px;
   height: 129px;
   float: left;
   margin-top: 10px;
   margin-left:15px;
}
body div.header h1 {
   margin: 0;
}
body div.header h1 a {
   display: block;
   width: 930px;
   height: 129px;
   text-indent: -5000px;
   text-decoration: none;
   margin: 0;
}


/* Corners and sides */
span.side-left, span.side-right {
   display: block;
   width: 20px;
   height: 150px;
   background: url("http://www.phpbb8.de/styles/js/web/theme/images/sides_top.gif") no-repeat;
}
span.side-left {
   background-position: 0 0;
   float: left;
   margin-right: 10px;
}
span.side-right {
   background-position: 100% 0;
   float: right;
}
span.fcorners-bottom, span.fcorners-bottom span {
   font-size: 1px;
   line-height: 1px;
   display: block;
   height: 20px;
   background-repeat: no-repeat;
   background-image: url("http://www.phpbb8.de/styles/js/web/theme/images/corners_bottom.gif");
   margin: 0;
}
span.fcorners-bottom {
   background-position: 0 0;
}
span.fcorners-bottom span {
   background-position: 100% -20px;
}


/* die ecken
----------------------------------------------------------- */
.top-left, .top-right, .bottom-left, .bottom-right {
   height: 20px;   /* aendere das in deine hoehe, die haelfte (1/2) von der Grafik */

   font-size: 2px;    /* IE fix */
   }
   
.top-left {
   background-image: url("http://www.phpbb8.de/styles/js/web/theme/images/corners_top.gif"); background-repeat:no-repeat; /* CHANGE: URL and name of your image */
   background-position: 0 -20px;
   margin-left: 1px;
   margin-top: 0px;
   margin-right: 9px;
   }
.top-right {
   background-image: url("http://www.phpbb8.de/styles/js/web/theme/images/corners_top.gif"); background-repeat:no-repeat; /* CHANGE: URL and name of your image */
   background-position: 100% 0;    /* FIX: position right corner at right side, no vertical changes */
   margin-left: 0px;
   margin-top: -9px;
   margin-right: 1px;   
   }
.top-center {
   background-image: url("http://www.phpbb8.de/styles/js/web/theme/images/bg_headers.gif"); /* CHANGE: URL and name of your image */
   background-position: 0 0px;
   height: 20px;       /* aendere das in deine hoehe, die haelfte (1/2) von der Grafik */
   font-size: 2px;    /* IE fix */
   margin-left: 20px;
   margin-top: -20px;
   margin-right: 20px;
   margin-bottom: -20px;
   }
   
.bottom-left  {
   background-image: url("http://www.phpbb8.de/styles/js/web/theme/images/corners_bottom.gif"); background-repeat:no-repeat; /* CHANGE: URL and name of your image */
   background-position: 0 0px;
   margin-right: 0px;
   margin-left: 1px;
   margin-top: 0px;
   }
.bottom-right {
   background-image: url("http://www.phpbb8.de/styles/js/web/theme/images/corners_bottom.gif"); background-repeat:no-repeat; /* CHANGE: URL and name of your image */
   background-position: 100% -20px;
   margin-right: 1px;
   margin-left: 0px;
   margin-top: -20px;
   }
.bottom-center {
   background-image: url("http://www.phpbb8.de/styles/js/web/theme/images/bg_footers.gif"); /* CHANGE: URL and name of your image */
   background-position: 0 0px;
   height: 20px;   /* aendere das in deine hoehe, die haelfte (1/2) von der Grafik */
   font-size: 2px;   /* IE fix */
   margin-left: 20px;
   margin-top: -20px;
   margin-right: 20px;
   margin-bottom: -20px;
   }

.inside {
   margin:0px;
   color: #000000;
   padding-left: 0px;             
   padding-right: 0px;

   /* IE Fix */
   background-image: url("http://www.phpbb8.de/styles/js/web/theme/images/bg_body.gif");
   background-repeat:repeat-y;
}

.outside {
   margin: 0 auto;
   width : 970px;
}

/*  \*/
* wrap { width: 1000px; }
/*  */
-->
</style>

<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
   <link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->

</head>
<body id="history" class="history ltr" >
    <!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
    <div class="floatingbar"><a href="{U_REGISTER}" id="floatingbar"><img src="http://img.userboard.org/images/shield.gif" border="0" align="absmiddle"> Als Mitglied hast Du viele neue Möglichkeiten im Forum, melde dich gleich kostenlos an!</a></div>
    <style type="text/css">
    .floatingbar a:hover, a:hover#floatingbar { background-color: #45484F; color:#ffffff; }
    .floatingbar a, .floatingbar a:link {
       background-color: #F1EEC8; color:black;
       position:fixed;padding:5px 10px;display:block;top:0;left:0;z-index:100;width:100%;border-bottom:2px solid gray;font-size:11px;font-family:Tahoma;margin:0;text-decoration:none;
    }</style>
    <!-- ENDIF --> 
<div class="outside">
   <div class="top-left"></div><div class="top-center"></div><div class="top-right"></div>
      <div class="inside">
         <div id="wrap">
         <div class="header">
            <h2 style="padding-left: 45px; padding-top: 2px; padding-right: 45px; font-size: 2.5em; color: #FFFFFF;">{SITENAME}</h2>
            <h1><a href="../web.php">{SITENAME} Homepage</a></h1>
         </div>
<a name="start_here"></a>
<div id="page-body" style="padding-top:5px;">



Hier ich habe alles kopiert und einfach eingefügt. Ich hoffe es stimmt jetzt.. :oops:

 ! "tups":
Bitte Templates immer in Code-Tag Setzen
Benutzeravatar
Manu14
Foren Benutzer
Foren Benutzer
 
Beiträge: 114
Registriert: 12.2010
Barvermögen: 3.375,79 Points
Danke gegeben: 0
Danke bekommen: 0x in 0 Post
Geschlecht: nicht angegeben
Forenstyle: AcidTech Blue

Re: Floatingbar

Beitrag#10von tups » 02.01.2011 20:30

Also......
du hast im verkehrten Template gearbeitet.

Lösche dort, wo du jetzt die Floatingbar eingefügt hast, den Code für die Floatingbar.

Dann bearbeite bitte nach Anleitung nochmal.
Du musst besonders drauf achten wo du was einfügen oder ändern musst. Es ist immer wichtig geanu die Templates zu ändern, die genannt sind, denn sonst kommt es zu solch Mißverständnissen wie grad, und es funktioniert nicht.

In der Anleitung steht
Code: Alles auswählen
overall_header.html


und nicht
Code: Alles auswählen
site_overall_header.html



LG Peter
Bild
Benutzeravatar
tups
Supporter im Ruhestand
Supporter im Ruhestand
 
Beiträge: 7019
Registriert: 06.2009
Barvermögen: 100.578,29 Points
Bank: 125.442,55 Points
Danke gegeben: 561
Danke bekommen: 1770x in 1468 Posts
Geschlecht: männlich
Forenstyle: X-Silver

Re: Floatingbar

Beitrag#11von Manu14 » 02.01.2011 20:41

Ah danke für die Hilfe, doch leider funktioniert es immer noch nicht. Ich wenn als Gast hineinschaue, sehe ich es nicht..:(

hier bitte:

Code: Alles auswählen
<!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>
{SEO_BASE_HREF}
<!-- INCLUDE ca_config.html -->
<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 http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
{META_TAG}
{META}
<title>{PAGE_TITLE}<!-- IF S_IN_MCP --> &bull; {L_MCP}<!-- ELSEIF S_IN_UCP --> &bull; {L_UCP}<!-- ENDIF --></title>
<!-- IF U_CANONICAL --><link rel="canonical" href="{U_CANONICAL}" /><!-- ENDIF -->
<!-- BEGIN rsslinks -->
<link rel="alternate" type="application/rss+xml" title="{rsslinks.TITLE}" href="{rsslinks.URL}" />
<!-- END rsslinks -->

<!-- IF T_STYLESHEET_LINK -->
<link rel="stylesheet" href="{T_STYLESHEET_LINK}" type="text/css" />
<!-- ELSE -->
<style type="text/css">
{T_THEME_DATA}
</style>
<!-- ENDIF -->
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="{T_THEME_PATH}/ie7.css" />
<![endif]-->

<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}';
   var seo_delim_start = '{SEO_START_DELIM}';
   var seo_static_pagination = '{SEO_SATIC_PAGE}';
   var seo_ext_pagination = '{SEO_EXT_PAGE}';

   if (page !== null && !isNaN(page) && page > 0) {
      var seo_page = (page - 1) * per_page;
      if ( base_url.indexOf('?') >= 0 ) {
         document.location.href = base_url.replace(/&amp;/g, '&') + '&start=' + seo_page;
      } else if ( seo_page > 0 ) {
         var seo_type1 = base_url.match(/\.[a-z0-9]+$/i);
         if (seo_type1 !== null) {
            document.location.href = base_url.replace(/\.[a-z0-9]+$/i, '') + seo_delim_start + seo_page + seo_type1;
         }
         var seo_type2 = base_url.match(/\/$/);
         if (seo_type2 !== null) {
            document.location.href = base_url + seo_static_pagination + seo_page + seo_ext_pagination;
         }
      } else {
         document.location.href = base_url;
      }
   }
}
/**
* 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 -->

if(navigator.userAgent && navigator.userAgent.indexOf('Mac OS X') > 0)
{
   document.write('<link rel="stylesheet" href="{T_THEME_PATH}/mac.css" type="text/css" />');
}

// ]]>
</script>
<!-- INCLUDE portal_header.html -->

</head>
<body class="{S_CONTENT_DIRECTION}">
    <!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
    <div class="floatingbar"><a href="{U_REGISTER}" id="floatingbar"><img src="http://img.userboard.org/images/shield.gif" border="0" align="absmiddle"> Als Mitglied hast Du viele neue Möglichkeiten im Forum, melde dich gleich kostenlos an!</a></div>
    <style type="text/css">
    .floatingbar a:hover, a:hover#floatingbar { background-color: #45484F; color:#ffffff; }
    .floatingbar a, .floatingbar a:link {
       background-color: #F1EEC8; color:black;
       position:fixed;padding:5px 10px;display:block;top:0;left:0;z-index:100;width:100%;border-bottom:2px solid gray;font-size:11px;font-family:Tahoma;margin:0;text-decoration:none;
    }</style>
    <!-- ENDIF -->
<a name="top"></a>

<table border="0" cellspacing="0" cellpadding="0" width="{$CA_WIDTH}" id="maintable" align="center">
<tr>
   <td id="logorow" align="center"><div id="logo-left"><div id="logo-right">
      <a href="{U_INDEX}" title="{L_INDEX}">{SITE_LOGO_IMG}</a>
   </div></div></td>
</tr>
<tr>
   <td class="navrow">
      <!-- IF not S_IS_BOT -->
         <!-- IF S_USER_LOGGED_IN --><a href="{U_PROFILE}">{L_PROFILE}</a> &#8226; <!-- ENDIF -->
         <!-- IF CASHMOD and S_USER_LOGGED_IN and S_POINTS_ENABLE --><a href="{U_POINTS}" title="{L_POINTS_EXPLAIN}">{POINTS_LINK}<!-- IF S_USER_LOGGED_IN and S_USE_POINTS --> [ {USER_POINTS} ] <!-- ENDIF --></a>  &#8226; <!-- ENDIF -->
         <!-- IF S_USER_LOGGED_IN -->
            <!-- IF S_DISPLAY_PM --><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a> &#8226; <!-- ENDIF -->
         <!-- ELSEIF S_REGISTER_ENABLED --><a href="{U_REGISTER}">{L_REGISTER}</a> &#8226; <!-- ENDIF -->
      <!-- ENDIF -->
      <!-- IF U_RESTORE_PERMISSIONS --><a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a> &#8226; <!-- ENDIF -->

      <!-- IF S_USER_LOGGED_IN and U_PHOOGLE --><a href="{U_PHOOGLE}" title="{L_PHOOGLE_ALT_TEXT}">{L_PHOOGLE_LINK_TEXT}</span></a> &#8226; <!-- ENDIF -->
      <!-- IF U_CALENDAR --><a href="{U_CALENDAR}" title="{L_CALENDAR}">{L_CALENDAR}</a> &#8226; <!-- ENDIF -->
      <!-- IF U_GALLERY_MOD --><a href="{U_GALLERY_MOD}" title="{L_GALLERY_EXPLAIN}">{L_GALLERY}</a> &#8226; <!-- ENDIF -->
      <!-- IF U_ARCADE --><a href="{U_ARCADE}">{L_ARCADE}</a> &#8226; <!-- ENDIF -->
      <!-- IF U_VIDEOS --><a href="{U_VIDEOS}">{L_VIDEOS}</a> &#8226; <!-- ENDIF -->
      <!-- IF U_DOWNLOADS --><a href="{U_DOWNLOADS}">{L_DOWNLOADS}</a> &#8226; <!-- ENDIF -->

      <a href="{U_FAQ}">{L_FAQ}</a>
      <!-- IF S_DISPLAY_SEARCH --> &#8226; <a href="{U_SEARCH}" onmouseover="Tip('<div style=\'padding:2px 15px;\'><form action=\'{U_SEARCH}\' method=\'post\' id=\'search\'><h2>{L_SEARCH_FOR}:<\/h2><input name=\'keywords\' id=\'keywords\' type=\'text\' maxlength=\'128\' title=\'{L_SEARCH_KEYWORDS}\' style=\'width:70%;\' class=\'inputbox search\' value=\'<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ENDIF -->\' \/> <input class=\'button1\' value=\'Go\' type=\'submit\'><br><div style=\'padding:4px;\'>{L_SHOW_RESULTS}: <label for=\'sposts\'><input id=\'sposts\' name=\'sr\' value=\'posts\' type=\'radio\'> {L_POSTS}<\/label> <label for=\'stopics\'><input id=\'stopics\' name=\'sr\' value=\'topics\' checked=\'checked\' type=\'radio\'> {L_TOPICS}<\/label><\/div><div style=\'padding:4px;\'>{L_SEARCH_IN}: <label for=\'sforum\'><input id=\'sforum\' name=\'over\' value=\'forum\' checked=\'checked\' type=\'radio\'> {L_FORUM}<\/label> <label for=\'sgoogle\'><input id=\'sgoogle\' name=\'over\' value=\'google\' type=\'radio\'> Google<\/label><\/div><hr class=\'dashed\'><div style=\'text-align:center;\'><a href=\'{U_SEARCH}\' title=\'{L_SEARCH_ADV_EXPLAIN}\'>{L_SEARCH_ADV}<\/a><\/div>{S_SEARCH_HIDDEN_FIELDS}<\/form><\/div>', CLOSEBTN, true, STICKY, true, ABOVE, false, CENTERMOUSE, true);" onmouseout="UnTip();">{L_SEARCH}</a><!-- ENDIF -->
      <!-- IF not S_IS_BOT -->
         <!-- IF S_DISPLAY_MEMBERLIST --> &#8226; <a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a><!-- ENDIF -->
      <!-- ENDIF -->
      <!-- IF not S_IS_BOT --> &#8226; <a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a><!-- ENDIF -->
   </td>
</tr>
<tr>
   <td id="contentrow">

<!-- IF not S_IS_BOT && not $CA_SKIP_PM_NOTIFY && S_USER_LOGGED_IN && S_DISPLAY_PM -->
   <!-- IF S_USER_NEW_PRIVMSG -->
      <div class="pm-notify-new"><div class="pm-notify-header">{L_PRIVATE_MESSAGES}</div><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->, {PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF --></a></div>
   <!-- ELSEIF S_USER_UNREAD_PRIVMSG -->
      <div class="pm-notify-unread"><div class="pm-notify-header">{L_PRIVATE_MESSAGES}</div><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->, {PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF --></a></div>
   <!-- ENDIF -->
<!-- ENDIF --> 

<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->
   <div class="pm-notify-new"><div class="pm-notify-header">{L_INFORMATION}</div>{L_BOARD_DISABLED}</div>
<!-- ENDIF -->

<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} &nbsp;<!-- IF BLOCKS_ON --><!-- IF S_ARRANGE --><a href="{U_PORTAL}" class="arrange_off" onclick="ShowHide('_ON'); ShowHide('_OFF'); " title="{L_ARRANGE_OFF}"><span id="_OFF">{ARRANGE_IMG}</span></a><!-- ELSE --><a href="{U_ARRANGE}" class="arrange_on" onclick="ShowHide('_OFF'); ShowHide('_ON'); " title="{L_ARRANGE_ON}"><span id="_ON">{ARRANGE_IMG}</span></a><!-- ENDIF --><!-- ENDIF --><br /></td>
</tr>
</table>

   <!-- 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> | <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></span>
      <!-- ENDIF -->
   </p>
   <!-- ENDIF -->

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

   <!-- IF S_IN_ARCADE -->
   <!-- INCLUDE arcade/arcade_breadcrumbs.html -->
   <!-- ELSE -->
   <!-- INCLUDE breadcrumbs.html -->
   <!-- ENDIF -->

   <br />
<!-- IF S_NEWSBOX -->
<br /><div align="center"><div class="panel" style="background-color:#{NEWS_COLOR};width:85%;"><div class="inner"><span class="corners-top"><span></span></span><table border="0" width="100%" cellpadding="3" cellspacing="1"><tbody>
<tr>
   <td style="background-color:#{NEWS_COLOR};padding:5px;" width="120" align="center"><img src="{NEWS_IMG}" title="News" border="0" /></td>
   <td style="background-color:#{NEWS_COLOR};padding:7px;" align="center"><span style="color:#{NEWS_C_TEXT};font-size: 11px;">{NEWS_TEXT}</span></td>
</tr>
<!-- IF NEWS_LINK --><tr><td colspan="2" style="padding:3px;" align="right"><b><a href="{NEWS_LINK}">{L_NEWS_LINK}</a></b></td></tr><!-- ENDIF -->
</tbody></table><span class="corners-bottom"><span></span></span></div></div></div><br />
<!-- ENDIF -->
Benutzeravatar
Manu14
Foren Benutzer
Foren Benutzer
 
Beiträge: 114
Registriert: 12.2010
Barvermögen: 3.375,79 Points
Danke gegeben: 0
Danke bekommen: 0x in 0 Post
Geschlecht: nicht angegeben
Forenstyle: AcidTech Blue

Re: Floatingbar

Beitrag#12von Manu14 » 02.01.2011 22:48

Oke, tut mir leid für die Aufregung es hat geklappt. Danke für alles!
Benutzeravatar
Manu14
Foren Benutzer
Foren Benutzer
 
Beiträge: 114
Registriert: 12.2010
Barvermögen: 3.375,79 Points
Danke gegeben: 0
Danke bekommen: 0x in 0 Post
Geschlecht: nicht angegeben
Forenstyle: AcidTech Blue


Zurück zu "phpBB3: Styles, Themes und Templates"


 

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 3 Gäste

Besucher kamen durch folgende Suchbegriffe auf diese Seite:

phpbb3 background image change onload

phpbb3 colours.css phpbb floating bar pm-notify-header subsilver2 W2DPluginEyecatcher floatingbar website floating bar links floating bar javascript
cron