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
FollowersFollowers: 0
BookmarksBookmarks: 0
Views: 203

Floatingbar

Post#1by 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??
User avatar
Manu14
Foren Benutzer
Foren Benutzer
 
Posts: 114
Joined: 12.2010
Cash on hand: 3,375.79 Points
Thanks: 0
Thanked: 0 time in 0 post
Gender: None specified
Forenstyle: AcidTech Blue

Re: Floatingbar

Post#2by 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 Image Symbol.


LG Peter
Image
User avatar
tups
Supporter im Ruhestand
Supporter im Ruhestand
 
Posts: 7019
Joined: 06.2009
Cash on hand: 100,578.29 Points
Bank: 125,443.10 Points
Thanks: 561
Thanked: 1770 times in 1468 posts
Gender: Male

Re: Floatingbar

Post#3by Manu14 » 02.01.2011 19:36

Code: Select all
<!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;">
User avatar
Manu14
Foren Benutzer
Foren Benutzer
 
Posts: 114
Joined: 12.2010
Cash on hand: 3,375.79 Points
Thanks: 0
Thanked: 0 time in 0 post
Gender: None specified
Forenstyle: AcidTech Blue

Re: Floatingbar

Post#4by 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
Image
User avatar
tups
Supporter im Ruhestand
Supporter im Ruhestand
 
Posts: 7019
Joined: 06.2009
Cash on hand: 100,578.29 Points
Bank: 125,443.10 Points
Thanks: 561
Thanked: 1770 times in 1468 posts
Gender: Male

Re: Floatingbar

Post#5by 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.
User avatar
Manu14
Foren Benutzer
Foren Benutzer
 
Posts: 114
Joined: 12.2010
Cash on hand: 3,375.79 Points
Thanks: 0
Thanked: 0 time in 0 post
Gender: None specified
Forenstyle: AcidTech Blue

Re: Floatingbar

Post#6by tups » 02.01.2011 20:05

Poste doch bitte mal nur das Template, wo du die Floatinbar eingefügt hast
Image
User avatar
tups
Supporter im Ruhestand
Supporter im Ruhestand
 
Posts: 7019
Joined: 06.2009
Cash on hand: 100,578.29 Points
Bank: 125,443.10 Points
Thanks: 561
Thanked: 1770 times in 1468 posts
Gender: Male

Re: Floatingbar

Post#7by Manu14 » 02.01.2011 20:07

Ich weiß jetzt leider aber nicht, wie das geht..:(
User avatar
Manu14
Foren Benutzer
Foren Benutzer
 
Posts: 114
Joined: 12.2010
Cash on hand: 3,375.79 Points
Thanks: 0
Thanked: 0 time in 0 post
Gender: None specified
Forenstyle: AcidTech Blue

Re: Floatingbar

Post#8by 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.
Image
User avatar
tups
Supporter im Ruhestand
Supporter im Ruhestand
 
Posts: 7019
Joined: 06.2009
Cash on hand: 100,578.29 Points
Bank: 125,443.10 Points
Thanks: 561
Thanked: 1770 times in 1468 posts
Gender: Male

Re: Floatingbar

Post#9by Manu14 » 02.01.2011 20:17

Code: Select all
<!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
User avatar
Manu14
Foren Benutzer
Foren Benutzer
 
Posts: 114
Joined: 12.2010
Cash on hand: 3,375.79 Points
Thanks: 0
Thanked: 0 time in 0 post
Gender: None specified
Forenstyle: AcidTech Blue

Re: Floatingbar

Post#10by 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: Select all
overall_header.html


und nicht
Code: Select all
site_overall_header.html



LG Peter
Image
User avatar
tups
Supporter im Ruhestand
Supporter im Ruhestand
 
Posts: 7019
Joined: 06.2009
Cash on hand: 100,578.29 Points
Bank: 125,443.10 Points
Thanks: 561
Thanked: 1770 times in 1468 posts
Gender: Male

Re: Floatingbar

Post#11by 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: Select all
<!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> • <!-- 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>  • <!-- ENDIF -->
         <!-- IF S_USER_LOGGED_IN -->
            <!-- IF S_DISPLAY_PM --><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a> • <!-- ENDIF -->
         <!-- ELSEIF S_REGISTER_ENABLED --><a href="{U_REGISTER}">{L_REGISTER}</a> • <!-- ENDIF -->
      <!-- ENDIF -->
      <!-- IF U_RESTORE_PERMISSIONS --><a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a> • <!-- ENDIF -->

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

      <a href="{U_FAQ}">{L_FAQ}</a>
      <!-- IF S_DISPLAY_SEARCH --> • <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 --> • <a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a><!-- ENDIF -->
      <!-- ENDIF -->
      <!-- IF not S_IS_BOT --> • <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 -->
</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 -->

   

<!-- IF S_NEWSBOX -->

<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>

<!-- ENDIF -->
User avatar
Manu14
Foren Benutzer
Foren Benutzer
 
Posts: 114
Joined: 12.2010
Cash on hand: 3,375.79 Points
Thanks: 0
Thanked: 0 time in 0 post
Gender: None specified
Forenstyle: AcidTech Blue

Re: Floatingbar

Post#12by Manu14 » 02.01.2011 22:48

Oke, tut mir leid für die Aufregung es hat geklappt. Danke für alles!
User avatar
Manu14
Foren Benutzer
Foren Benutzer
 
Posts: 114
Joined: 12.2010
Cash on hand: 3,375.79 Points
Thanks: 0
Thanked: 0 time in 0 post
Gender: None specified
Forenstyle: AcidTech Blue


Return to "phpBB3: Styles, Themes und Templates"


 

Who is online

Users browsing this forum: Bing [Bot], Yandex [Bot] and 2 guests

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