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

Shoutbox mit Button ein- und ausblenden

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: 1
BookmarksBookmarks: 0
Views: 1265

Shoutbox mit Button ein- und ausblenden

Post#1by Premium Mitglieder Jeanie » 30.10.2012 00:06

Ich würde gerne die Shoutbox durch einen Button oder einen Text (wie bei Aktuelles auf einen Blick) ein- und ausblenden! Es sollen alle User weiterhin darauf zugreifen können, nur eben so, dass man auf einen Button oder Text klickt und erst dann die SB sehen kann und wenn man erneut draufklickt, dass die wieder versteckt ist! Wie könnte man das evt. machen/hinbekommen?
Grüße von JEANIE/KICKY
User avatar
Premium Mitglieder Jeanie
Foren-Guru
Foren-Guru
 
Posts: 995
Joined: 08.2010
Cash on hand: 18,597.14 Points
Bank: 15,772.01 Points
Location: *~*Privatraum*~*
Thanks: 303
Thanked: 128 times in 87 posts
Gender: Female

Re: Shoutbox mit Button ein- und ausblenden

Post#2by tups » 30.10.2012 01:36

Jeanie wrote:Wie könnte man das evt. machen/hinbekommen?

Ganz einfach.... mit einem Script, genau wie bei Alles auf einen Blick.
Nur gut dass ich mich noch erinnern konnte dass du schon ein Javascript zum öffnen und verstecken nutzt.

Wichtig wäre jetzt nur gewesen, dass du erwähnst, dass schon ein Javascript für solch eine Funktion genutzt wird, denn wir können uns nicht die Einbauten von allen Usern in allen Foren merken. Vor allem wenn dann etwas nicht funktioniert, obwohl es funktionieren müsste, da der Code einwandfrei ist.
Denn wie ich schon in dem Beitrag für die Box, "Alles auf einen Blick", erwähnte, kann dieser Code nur einmal verwendet werden.

Also muss da jetzt etwas anderes her......
ACP-->Styles-->Templates-->dein Style bearbeiten
öffne index_body.html
suche nach
Code: Select all
<!-- IF not HIDE_SHOUTBOX --><!-- INCLUDE shout_body.html --><!-- ENDIF -->

Füge direkt davor, in einer neuen Zeile, folgendes ein
Code: Select all
<div align="center">
<script language="JavaScript" type="text/javascript">
<!--
function einblenden(div) {
with(document.getElementById(div).style){
if(display=="none"){
display="inline";
}
else{
display="none";
}
}
}
//-->
</script>
<a href="#" onClick="einblenden('ebene1'); return false;">Shoutbox Ein-/Ausklappen</a></div>
<div id="ebene1" style="display:none;">


und direkt danach, ebenfalls in einer neuen Zeile
Code: Select all
</div>


Dieser Code kann in seiner Funktion auch mehrfach verwendet werden, dazu muss dann immer nur die ebene geändert werden (2 mal) aus ebene1 wird dann ebene2 usw......
Auch kann anstelle des Textes ein Symbol/Icon /Bild verwendet werden
Dazu einfach anstelle von "Shoutbox Ein-/Ausklappen" folgendes einfügen
Code: Select all
<img src="http://www.Link-zum-Bild.png">
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

The following user would like to thank tups for this post

Re: Shoutbox mit Button ein- und ausblenden

Post#3by Premium Mitglieder Jeanie » 30.10.2012 02:28

Unten hab ich mal das Template vom prosilver Special index_body mitgesendet!
Dort sowie in den anderen Style habe ich nicht mehr die Zeile

Code: Select all
<!-- IF not HIDE_SHOUTBOX --><!-- INCLUDE shout_body.html --><!-- ENDIF -->

sondern diese Zeile
Code: Select all
<!-- INCLUDE forumlist_body.html -->

Bei mir ist die SB fast überall sichtbar (bis auf die Galerie, wo das ja nicht geht) ... hab den Code trotzdem mal ausprobiert,
wie man sehen kann, doch da verändert sich nichts! Möchte auch weiterhin, dass die SB fast überall sichtbar ist,
aber das man diese eben oben im Forum ein- und ausblenden kann! Gibt es dafür denn eine Möglichkeit?
Trotzdem danke für Deine Mühe, tups!

Code: Select all
<!-- INCLUDE overall_header.html -->
<!-- IF STARGATE -->
   <!-- INCLUDE portal_layout_top.html -->
   <!-- IF S_SHOW_BLOCKS_ON_INDEX_L -->
      <!-- INCLUDE portal_layout_left.html -->
   <!-- ENDIF -->
   <td valign="top">
<!-- ENDIF -->
<!-- IF S_USER_LOGGED_IN and not S_IS_BOT -->
<p style="text-align: center;"><img src="http://s1.directupload.net/images/120225/9lnfbpw3.gif" /></p>

<div align="center"><div class="panel" style="background-color:#D2691E;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:#D2691E;padding:7px;" align="center">
                <span style="color:#0000CC;font-size: 15px;">
                   <img src="http://s1.directupload.net/images/120219/rqfmnmkr.gif"> {S_USERNAME}! Da bist Du ja wieder! Fühle Dich wohl in unserer Forenlounge und entspanne vom Alltag! <img src="http://s1.directupload.net/images/120215/f6lwa3q2.gif">
<p style="text-align: center;"><script language="JavaScript">
<!-- Hide the script from old browsers --
today = new Date()
if(today.getMinutes() < 10){
pad = "0"}
else
pad = "";
document.write ;if((today.getHours() >=6) && (today.getHours() <=9)){
document.write("Einen angenehmen Start in den Tag und gute Laune wünscht euch Jeanies Forenlounge")
}
if((today.getHours() >=10) && (today.getHours() <=11)){
document.write("Guten Morgen ... habt ihr gut geschlafen?")
}
if((today.getHours() >=12) && (today.getHours() <=16)){
document.write("Einen entspannten Nachmittag für euch")
}
if((today.getHours() >=17) && (today.getHours() <=23)){
document.write("Guten Abend wünscht euch Jeanies Forenlounge")
}
if((today.getHours() >=0) && (today.getHours() <=4)){
document.write("Du bist sicherlich schon müde oder doch noch nicht?")
}
if((today.getHours() >=4) && (today.getHours() <=6)){
document.write("WOW! Du bist aber früh auf oder etwa immer noch? Na dann kann der Tag beginnen")
}
// -- End Hiding Here -->
</script></p>
<!-- IF S_USER_LOGGED_IN --><!-- IF ADFREE_IMAGE --><div style="text-align:center;padding:4px;"><a href="{U_ADFREE}" title="{L_ADFREE}" target="_blank"><img src="{ADFREE_IMAGE}" alt="{L_ADFREE}" /></a></div><!-- ENDIF --><!-- ENDIF --> 
</span>
        </td>
</tr>
</tbody></table><span class="corners-bottom"><span></span></span></div></div></div>

<!-- ENDIF -->

<p class="{S_CONTENT_FLOW_END}<!-- IF S_USER_LOGGED_IN --> rightside<!-- ENDIF -->"><!-- IF S_USER_LOGGED_IN -->{LAST_VISIT_DATE}<!-- ELSE -->{CURRENT_TIME}<!-- ENDIF --></p>
<!-- IF U_MCP --><p>{CURRENT_TIME} &nbsp;&nbsp;&nbsp;[&nbsp;<a href="{U_MCP}">{L_MCP}</a>&nbsp;]</p><!-- ELSEIF S_USER_LOGGED_IN --><p>{CURRENT_TIME}</p><!-- ENDIF -->
<!-- IF S_DISPLAY_SEARCH or (S_USER_LOGGED_IN and not S_IS_BOT) -->
<ul class="linklist">
   <!-- IF S_DISPLAY_SEARCH -->
   <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a><!-- IF S_USER_LOGGED_IN --> &bull; <a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><!-- ENDIF --> &bull; <a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a></li>
   <!-- ENDIF -->
   <!-- IF not S_IS_BOT and U_MARK_FORUMS --><li class="rightside"><a href="{U_MARK_FORUMS}" accesskey="m">{L_MARK_FORUMS_READ}</a></li><!-- ENDIF -->
</ul>
<!-- ENDIF -->



<!-- IF S_USER_LOGGED_IN and not S_IS_BOT -->
<!-- INCLUDE index_top.html -->
<!-- ENDIF -->
<div align="center">
    <script language="JavaScript" type="text/javascript">
    <!--
    function einblenden(div) {
    with(document.getElementById(div).style){
    if(display=="none"){
    display="inline";
    }
    else{
    display="none";
    }
    }
    }
    //-->
    </script>
    <a href="#" onClick="einblenden('ebene1'); return false;">Click-Shoutbox</a></div>
    <div id="ebene1" style="display:none;">
<!-- INCLUDE forumlist_body.html -->
</div>


<!-- IF CALENDAR_INDEX -->
  <!-- IF S_CALENDAR_WEEK -->
   <!-- INCLUDE calendar_week_on_index.html -->
  <!-- ELSEIF S_CALENDAR_NEXT_EVENTS -->
   <!-- INCLUDE calendar_next_events_on_index.html -->
  <!-- ENDIF -->
<!-- ENDIF -->

<!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
   <form method="post" action="{S_LOGIN_ACTION}" class="headerspace">
   <h3><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a><!-- IF S_REGISTER_ENABLED -->&nbsp; &bull; &nbsp;<a href="{U_REGISTER}">{L_REGISTER}</a><!-- ENDIF --></h3>
      <fieldset class="quick-login">
         <label for="username">{L_USERNAME}:</label>&nbsp;<input type="text" name="username" id="username" size="10" class="inputbox" title="{L_USERNAME}" /> 
         <label for="password">{L_PASSWORD}:</label>&nbsp;<input type="password" name="password" id="password" size="10" class="inputbox" title="{L_PASSWORD}" />
         <!-- IF S_AUTOLOGIN_ENABLED -->
            | <label for="autologin">{L_LOG_ME_IN} <input type="checkbox" name="autologin" id="autologin" /></label>
         <!-- ENDIF -->
         <input type="submit" name="login" value="{L_LOGIN}" class="button2" />
      </fieldset>
   </form>
<!-- ENDIF -->

<!-- IF S_DISPLAY_ONLINE_LIST -->
   <!-- IF U_VIEWONLINE --><h3><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></h3><!-- ELSE --><h3>{L_WHO_IS_ONLINE}</h3><!-- ENDIF -->
   <p>{TOTAL_USERS_ONLINE}({L_ONLINE_EXPLAIN}){LOGGED_IN_USER_LIST}
   <!-- IF LEGEND -->
<em>{L_LEGEND}: {LEGEND}</em><!-- ENDIF --></p>
   <!-- IF WHO_WAS_HERE_LIST2 -->
      <b>{L_WHO_WAS_HERE}</b>
      <p>{WHO_WAS_HERE_LIST2}({WHO_WAS_HERE_EXP}){WHO_WAS_HERE_RECORD}{WHO_WAS_HERE_LIST}</p>
   <!-- ELSEIF U_ACP -->
      <h3>{L_WHO_WAS_HERE}</h3>
   <!-- ENDIF -->
<!-- ENDIF -->

<!-- IF S_DISPLAY_BIRTHDAY_LIST -->
   <h3>{L_BIRTHDAYS}</h3>
   <p><!-- IF BIRTHDAY_LIST -->{L_CONGRATULATIONS}: <strong>{BIRTHDAY_LIST}</strong><!-- ELSE -->{L_NO_BIRTHDAYS}<!-- ENDIF --></p>
<!-- ENDIF -->

<!-- IF NEWEST_USER -->
   <h3>{L_STATISTICS}</h3>
   <p>{TOTAL_POSTS}/{TOTAL_TOPICS}/{TOTAL_USERS}/{NEWEST_USER}/{START_COUNTER}
<!-- ENDIF -->

<!-- IF STARGATE -->
   </td>
   <!-- IF S_SHOW_BLOCKS_ON_INDEX_R -->
      <!-- INCLUDE portal_layout_right.html -->
   <!-- ENDIF -->
   <!-- INCLUDE portal_layout_bottom.html -->
<!-- ENDIF -->
<!-- INCLUDE overall_footer.html -->
Grüße von JEANIE/KICKY
User avatar
Premium Mitglieder Jeanie
Foren-Guru
Foren-Guru
 
Posts: 995
Joined: 08.2010
Cash on hand: 18,597.14 Points
Bank: 15,772.01 Points
Location: *~*Privatraum*~*
Thanks: 303
Thanked: 128 times in 87 posts
Gender: Female

Re: Shoutbox mit Button ein- und ausblenden

Post#4by tups » 30.10.2012 02:35

Wo bitte hast du dann diesen Code ausprobiert wenn du diese Zeile im Index nicht mehr hast?

Was soll sich denn dann ändern?

Dann musst du die vorgehensweise in dem Template anwenden, wo du den Code der Shoutbox stehen hast.
Ich vermute mal, dass du es im overall_header.html stehen hast.

Poste doch mal das overall_header.html und sage bitte von welchem Style es dann ist.

Genau das ist es, was ich ansprach.... immer sagen was schon gemacht ist.... wir können nicht alle Änderungen sämtlicher User im Kopf haben. Da du nicht die einzige bist, die hier Support bekommt, wird es da schon schwierig mit dem behalten sämtlicher Änderungen.



Da die Zeit allerdings jetzt schon fortgeschritten ist, musst du dich bis morgen gedulden.
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: Shoutbox mit Button ein- und ausblenden

Post#5by Premium Mitglieder Jeanie » 30.10.2012 02:39

overall_header vom prosilver Special
Code: Select all
<!DOCTYPE html>
<html dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}">
<head>
{SEO_BASE_HREF}
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<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 -->
<!--
   phpBB style name: prosilver
   Based on style:   prosilver (this is the default phpBB3 style)
   Original author:  Tom Beddard ( http://www.subBlue.com/ )
   Modified by:
   
   NOTE: This page was generated by phpBB, the free open-source bulletin board package.
         The phpBB Group is not responsible for the content of this page and forum. For more information
         about phpBB please visit http://www.phpbb.com
-->
<script type="text/javascript">
// <![CDATA[
   var jump_page = '{LA_JUMP_PAGE}:';
   var on_page = '{ON_PAGE}';
   var per_page = '{PER_PAGE}';
   var base_url = '{A_BASE_URL}';
   var style_cookie = 'phpBBstyle';
   var style_cookie_settings = '{A_COOKIE_SETTINGS}';
   var onload_functions = new Array();
   var onunload_functions = new Array();
   var seo_delim_start = '{SEO_START_DELIM}';
   var seo_static_pagination = '{SEO_SATIC_PAGE}';
   var seo_ext_pagination = '{SEO_EXT_PAGE}';

   <!-- IF S_USER_PM_POPUP -->
      if ({S_NEW_PM})
      {
         var url = '{UA_POPUP_PM}';
         window.open(url.replace(/&amp;/g, '&'), '_phpbbprivmsg', 'height=225,resizable=yes,scrollbars=yes, width=400');
      }
   <!-- ENDIF -->

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

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

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

   function imgerr(a){a.src='http://img.userboard.org/images/image_notfound.gif'}
// ]]>
</script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/forum_fn.js"></script>
<link href="{T_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
<link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />

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

<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
   <link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->
<!-- INCLUDE portal_header.html -->
<!-- IF S_DISPLAY_PM && S_USER_NEW_PRIVMSG -->
<style>#pnblinken{color:blue;}</style>
<script type="text/javascript">(function($){$(document).ready(function() {$('#pnblinken').blink(); });})(jQuery);</script>
<!-- ENDIF -->
</head>
<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">
<div class="outside">
<div class="top-left"></div><div class="top-center"></div><div class="top-right"></div><div class="inside_col"><div class="notopgap">
<div id="wrap">
    <div class="border-left">
    <div class="border-right">
    <div class="border-top">
    <div class="border-top-left">
    <div class="border-top-right">
        <div class="inside" style="direction: {S_CONTENT_DIRECTION}; ">
           <a id="top" name="top" accesskey="t"></a>
           <div id="page-header">
              <div class="headerbar">
                 <div class="inner"><span class="corners-top"><span></span></span>
       
                 <div id="site-description">
                    <a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
                    <h1>{SITENAME}</h1>
                    <p>{SITE_DESCRIPTION}</p>
                 </div>
       
                 <span class="corners-bottom"><span></span></span></div>
              </div>

         <!-- IF not TABOS -->
         <div id="tabs" style="margin: 3px 0 -1px 7px;">
            <ul>
            <li<!-- IF SCRIPT_NAME == 'portal' --> class="activetab"<!-- ENDIF -->><a href="{U_PORTAL}" title="{L_PORTAL}"><span>{L_PORTAL}</span></a></li>
            <li<!-- IF SCRIPT_DIR == '' and (SCRIPT_NAME == 'index' or SCRIPT_NAME == 'viewforum' or SCRIPT_NAME == 'forum' or SCRIPT_NAME == 'viewtopic') --> class="activetab"<!-- ENDIF -->><a href="{U_INDEX}"><span>{L_INDEX}</span></a></li>
            <!-- IF U_GALLERY_MOD --><li<!-- IF SCRIPT_DIR == 'gallery' --> class="activetab"<!-- ENDIF -->><a href="{U_GALLERY_MOD}" title="{L_GALLERY_EXPLAIN}"><span>{L_GALLERY}</span></a></li><!-- ENDIF -->
            <!-- IF U_ARCADE --><li<!-- IF SCRIPT_NAME == 'arcade' --> class="activetab"<!-- ENDIF -->><a href="{U_ARCADE}" title="{L_ARCADE_EXPLAIN}"><span>{L_ARCADE}</span></a></li><!-- ENDIF -->
            <!-- IF U_LEXICON --><li<!-- IF SCRIPT_NAME == 'lexicon' --> class="activetab"<!-- ENDIF -->><a href="{U_LEXICON}" title="{L_LEXICON}"><span>{L_LEXICON}</span></a></li><!-- ENDIF -->
            <!-- IF U_HANGMAN --><li<!-- IF SCRIPT_NAME == 'hangman' --> class="activetab"<!-- ENDIF -->><a href="{U_HANGMAN}" title="{L_HANGMAN}"><span>{L_HANGMAN}</span></a></li><!-- ENDIF -->
            <!-- IF U_DOWNLOADS --><li<!-- IF SCRIPT_DIR == 'dl' --> class="activetab"<!-- ENDIF -->><a href="{U_DOWNLOADS}" title="{L_DOWNLOADS}"><span>{L_DOWNLOADS}</span></a></li><!-- ENDIF -->
            <!-- IF U_VIDEOS --><li<!-- IF SCRIPT_NAME == 'videos' --> class="activetab"<!-- ENDIF -->><a href="{U_VIDEOS}" title="{L_VIDEOS}"><span>{L_VIDEOS}</span></a></li><!-- ENDIF -->
            <!-- IF U_CALENDAR --><li<!-- IF SCRIPT_NAME == 'calendar' --> class="activetab"<!-- ENDIF -->><a href="{U_CALENDAR}" title="{L_CALENDAR}"><span>{L_CALENDAR}</span></a></li><!-- ENDIF -->
            <!-- IF not S_IS_BOT and S_USER_LOGGED_IN --><li<!-- IF SCRIPT_NAME == 'ucp' --> class="activetab"<!-- ENDIF -->><a href="{U_PROFILE}" title="{L_PROFILE}"><span>{L_PROFILE_SMALL}</span></a></li><!-- ENDIF -->
            <!-- IF S_DISPLAY_SEARCH --><li<!-- IF SCRIPT_NAME == 'search' --> class="activetab"<!-- ENDIF -->><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>{Q_SEARCH_HIDDEN_FIELDS}<\/form><\/div>', CLOSEBTN, true, STICKY, true, ABOVE, false, CENTERMOUSE, true);" onmouseout="UnTip()" title="{L_SEARCH_ADV_EXPLAIN}"><span>{L_SEARCH}</span></a></li><!-- ENDIF -->
            <!-- IF S_DISPLAY_MEMBERLIST --><li<!-- IF SCRIPT_NAME == 'memberlist' --> class="activetab"<!-- ENDIF -->><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}"><span>{L_MEMBERLIST}</span></a></li><!-- ENDIF -->
            <li<!-- IF SCRIPT_NAME == 'faq' --> class="activetab"<!-- ENDIF -->><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}"><span>{L_FAQ}</span></a></li>
            </ul>
<a href="http://forenlounge.forumo.de/formel1.php"><span><img src="http://s7.directupload.net/images/120324/usvf7yxf.png" /></span></a>
<a href=http://maps.google.de/maps/ms?ie=UTF8&hl=de&msa=0&msid=113041932277625560332.0004580719a63d8220bad&ll=51.342696,6.974044&spn=0.000885,0.019998&source=embed><span><img src="http://s1.directupload.net/images/120327/siste7g6.png"/></span></a><a href="http://forenlounge.forumo.de/football.php"><span><img src="http://s14.directupload.net/images/120508/biymnzyd.png" /></span></a>
<a href="http://kickyjeanie.info"><span><img src="http://s7.directupload.net/images/121024/9w6ipd3e.png" /></span></a>         
</div>
         <!-- ENDIF -->

              <div class="navbar">
                 <div class="inner"><span class="corners-top"><span></span></span>
       
                 <ul class="linklist navlinks">
            <!-- IF STARGATE -->
            <li class="icon-home"><a href="{U_PORTAL}" accesskey="p">{L_PORTAL}</a> &bull; <a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- IF S_IN_ARCADE --> <strong>‹</strong> <a href="{U_ARCADE}">{L_ARCADE_INDEX}</a><!-- ENDIF --><!-- IF S_IN_FAV --> <strong>‹</strong> <a href="{U_ARCADE_FAV}">{L_ARCADE_FAV}</a><!-- ENDIF --><!-- IF S_IN_STATS --> <strong>‹</strong> <a href="{U_ARCADE_STATS}">{L_ARCADE_STATS}</a><!-- ENDIF --><!-- BEGIN navlinks --> <strong>‹</strong> <a href="{navlinks.U_VIEW_CAT}{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}{navlinks.CAT_NAME}</a><!-- END navlinks --><!-- IF GAME_NAME --> <strong>‹</strong> <a href="{U_VIEW_GAME}">{GAME_NAME}</a><!-- ENDIF --></li>
            <!-- ELSE -->
            <!-- IF S_IN_ARCADE -->
               <li class="icon-home"><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <strong>‹</strong> <a href="{U_ARCADE}">{L_ARCADE_INDEX}</a><!-- IF S_IN_SEARCH --> <strong>‹</strong> {L_ARCADE_SEARCH}<!-- ENDIF --><!-- IF S_IN_FAV --> <strong>‹</strong> <a href="{U_ARCADE_FAV}">{L_ARCADE_FAV}</a><!-- ENDIF --><!-- IF S_IN_STATS --> <strong>‹</strong> <a href="{U_ARCADE_STATS}">{L_ARCADE_STATS}</a><!-- ENDIF --><!-- BEGIN navlinks --> <strong>‹</strong> <a href="{navlinks.U_VIEW_CAT}{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}{navlinks.CAT_NAME}</a><!-- END navlinks --><!-- IF GAME_NAME --> <strong>‹</strong> <a href="{U_VIEW_GAME}">{GAME_NAME}</a><!-- ENDIF --></li>
            <!-- ELSE -->
            <li class="icon-home"><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>‹</strong> <a href="{navlinks.U_VIEW_CAT}{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}{navlinks.CAT_NAME}</a><!-- END navlinks --></li>
            <!-- ENDIF -->
            <!-- ENDIF -->
       
                    <li class="rightside"><a href="#" onclick="fontsizeup(); return false;" onkeypress="fontsizeup(); return false;" class="fontsize" title="{L_CHANGE_FONT_SIZE}">{L_CHANGE_FONT_SIZE}</a></li>
                    <li class="rightside"><!-- 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 --></li>
                    <li class="rightside"><!-- IF S_USER_LOGGED_IN --><a href="{U_PHOOGLE}" title="{L_PHOOGLE_ALT_TEXT}"><span><img src="{T_THEME_PATH}/images/icon_mini_phoogle.gif" width="12" height="13" border="0" alt="{L_PHOOGLE_ALT_TEXT}"></span></a><!-- ENDIF --></li>
                    <!-- IF U_EMAIL_TOPIC --><li class="rightside"><a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}" class="sendemail">{L_EMAIL_TOPIC}</a></li><!-- ENDIF -->
                    <!-- IF U_EMAIL_PM --><li class="rightside"><a href="{U_EMAIL_PM}" title="{L_EMAIL_PM}" class="sendemail">{L_EMAIL_PM}</a></li><!-- ENDIF -->
                    <!-- IF U_PRINT_TOPIC --><li class="rightside"><a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}" accesskey="p" class="print">{L_PRINT_TOPIC}</a></li><!-- ENDIF -->
                    <!-- IF U_PRINT_PM --><li class="rightside"><a href="{U_PRINT_PM}" title="{L_PRINT_PM}" accesskey="p" class="print">{L_PRINT_PM}</a></li><!-- ENDIF -->
                 </ul>
       
                 <!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
                 <ul class="linklist leftside">
                    <li class="icon-ucp">
                       <a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="u">{L_PROFILE}</a>
                          <!-- IF S_DISPLAY_PM --> <a href="{U_PRIVATEMSGS}" id="pnblinken">{PRIVATE_MESSAGE_INFO} {S_USERNAME}</a><!-- ENDIF --> &bull;
                       <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
                       <!-- IF U_RESTORE_PERMISSIONS --> &bull;
                       <a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a>
                       <!-- ENDIF -->
                    </li>
                 </ul>
                 <!-- ENDIF -->
       
                 <ul class="linklist rightside">
                  <!-- IF CASHMOD and S_USER_LOGGED_IN and S_POINTS_ENABLE --><li class="icon-ucp"><a href="{U_POINTS}" title="{L_POINTS_EXPLAIN}">{POINTS_LINK}<!-- IF S_USER_LOGGED_IN and S_USE_POINTS --> [ {USER_POINTS} ] <!-- ENDIF --></a></li><!-- ENDIF -->
                  <!-- IF CASHMOD and U_SHOP and S_USER_LOGGED_IN --><li><a href="{U_SHOP}" title="{SHOP_NAME}"><img src="http://img.userboard.org/images/mini_shop.png" alt="{SHOP_NAME}" /></a></li><!-- ENDIF -->
               <!-- li class="icon-faq"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li -->
                    <!-- IF not S_IS_BOT -->
                       <!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED --><li class="icon-register"><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
                       <li class="icon-logout"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l">{L_LOGIN_LOGOUT}</a></li>
                    <!-- ENDIF -->
                 </ul>
       
            <span class="corners-bottom"><span></span></span></div>
          </div>
           </div>
           <div id="page-body">
           <a name="start_here"></a>
         <!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->
              <div id="message" class="rules">
                 <div class="inner"><span class="corners-top"><span></span></span>
                    <strong>{L_INFORMATION}:</strong> {L_BOARD_DISABLED}
                 <span class="corners-bottom"><span></span></span></div>
              </div>
           <!-- 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 -->
<!-- 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"><marquee style="" BEHAVIOR="slide" scrolldelay="10" scrollamount="3" width=650><table><tr><td style="padding-right: 10px;"><span style="font-size: 40px; font-family: Script MT Bold; color: blue; font-weight: bold; font-style: italic;">{S_USERNAME},</span></td><td><a href="{U_PRIVATEMSGS}"><img src="http://s7.directupload.net/images/120710/6luna9ag.gif" alt='Bild' align="absmiddle" /></a></td></tr></table></marquee></div></div>
<!-- ENDIF -->
<!-- ENDIF -->
<!-- IF not HIDE_SHOUTBOX --><!-- INCLUDE shout_body.html --><br clear="all" /><!-- ENDIF -->
<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
<div align="center"><div class="panel" style="background-color:#FFFF99;min-width:550px;width:50%;"><span class="corners-top"><span></span></span><table border="0" width="100%" cellpadding="3" cellspacing="1">
<tr>
        <td style="background-color:#FFFF99;padding: 5px;" align="center"><span style="color:#050505;font-size: 1.2em;"><a href="{U_VIEWONLINE}">Hallo {S_USERNAME} *guckguck* <img src="http://s14.directupload.net/images/120404/8zfuq894.gif"></a></td></tr>
<tr>
        <td style="background-color:#FFFF99;padding:11px;" align="left"><span style="color:#050505;font-size: 1.2em;">{LOGGED_IN_USER_LIST}</span></td>
</tr>
</table><span class="corners-bottom"><span></span></span></div></div><!-- ENDIF -->

Ich hatte zuvor den Code mal hier eingefügt!
Code: Select all
<!-- INCLUDE forumlist_body.html -->
im index_body! Aber hab mir irgendwie schon gedacht, dass das nicht funktionieren kann!
Hab es dann im overall_header ausprobiert, aber das klappt nicht, es steht zwar der Text dort, den ich geändert habe ... Click-Shoutbox,
aber wenn man draufklickt, passiert nichts und die SB ist gar nicht mehr zu sehen! Jetzt habe ich es erst mal wieder rückgängig gemacht
Grüße von JEANIE/KICKY
User avatar
Premium Mitglieder Jeanie
Foren-Guru
Foren-Guru
 
Posts: 995
Joined: 08.2010
Cash on hand: 18,597.14 Points
Bank: 15,772.01 Points
Location: *~*Privatraum*~*
Thanks: 303
Thanked: 128 times in 87 posts
Gender: Female

Re: Shoutbox mit Button ein- und ausblenden

Post#6by tups » 30.10.2012 11:47

Ich weiß nicht, wieso du in dem Code die ganzen Leerzeichen hast. Entferne die Leerzeichen in jeder Zeile, dann funktioniert das auch, oder kopiere dir den Code mal von hier
Klicke dazu auf RAW und dann kopiere den Code.

Einsetzen musst du das Ganze dann wie schon beschrieben, allerdings im overall_header.html

Syntax: [ Raw ] [ Download ] [ Verstecken ]
html4strict Code
  1. <div align="center">
  2. <script language="JavaScript" type="text/javascript">
  3. <!--
  4. function einblenden(div) {
  5. with(document.getElementById(div).style){
  6. if(display=="none"){
  7. display="inline";
  8. }
  9. else{
  10. display="none";
  11. }
  12. }
  13. }
  14. //-->
  15. </script>
  16. <a href="#" onClick="einblenden('ebene1'); return false;">Click-Shoutbox</a></div>
  17. <div id="ebene1" style="display:none;">
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

The following user would like to thank tups for this post

Re: Shoutbox mit Button ein- und ausblenden

Post#7by Premium Mitglieder Jeanie » 30.10.2012 13:38

Vielen Dank, tups! Jetzt geht es! Ich hatte es auch vorher so wie beschrieben gemacht, kann sein, dass ich beim kopieren eine Zeile oder so vergessen habe! Keine Ahnung! Auf jeden Fall habe ich es nun beim prosilver Special ausprobiert und es funktioniert! Werd es nach und nach noch bei einigen anderen Style so machen! Super :thumbsup:
Grüße von JEANIE/KICKY
User avatar
Premium Mitglieder Jeanie
Foren-Guru
Foren-Guru
 
Posts: 995
Joined: 08.2010
Cash on hand: 18,597.14 Points
Bank: 15,772.01 Points
Location: *~*Privatraum*~*
Thanks: 303
Thanked: 128 times in 87 posts
Gender: Female

Re: Shoutbox mit Button ein- und ausblenden

Post#8by Premium Mitglieder Juppi » 24.03.2013 22:41

Hallo Tups

Das erste hier hat mal sehr gut geklappt.
Ich habe ein paar User die es nicht so gerne wollen mit der Box und denen möchte ich schon gerne die Option geben sie aus zu blenden.

Auf der Indexseite hat es geklappt, aber die Shoutbox im Portal hätte ich gerne auch so. Wo muss ich das abändern?? Oder geht das dort nicht?

Anke
User avatar
Premium Mitglieder Juppi
Fortgeschrittener Admin
Fortgeschrittener Admin
 
Posts: 1154
Joined: 12.2011
Cash on hand: 3,161.97 Points
Bank: 39,323.37 Points
Thanks: 112
Thanked: 192 times in 140 posts
Gender: Female

Re: Shoutbox mit Button ein- und ausblenden

Post#9by Premium Mitglieder Juppi » 25.03.2013 00:12

Wer einen grauen Button haben möchte, ich habe einen gebastelt kann diesen gerne nutzen.
Er lässt sich auch farblich anpassen.

Anke
User avatar
Premium Mitglieder Juppi
Fortgeschrittener Admin
Fortgeschrittener Admin
 
Posts: 1154
Joined: 12.2011
Cash on hand: 3,161.97 Points
Bank: 39,323.37 Points
Thanks: 112
Thanked: 192 times in 140 posts
Gender: Female

Re: Shoutbox mit Button ein- und ausblenden

Post#10by tups » 25.03.2013 10:49

Für das Portal geht das so leider nicht.

PS: Bitte in Hilfethemen nicht einfach Grafiken anbieten, da dieses nichts mit der eigentlichen Fragestellung zu tun hat. Du kannst diese gerne im SmallTalkbereich posten.
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: Shoutbox mit Button ein- und ausblenden

Post#11by Premium Mitglieder Juppi » 25.03.2013 12:51

Danke Tups und entschuldige, für den Dateianhang.

Soll ich den Dateianhang entfernen oder trennst du den Beitrag ab und schiebst ihn in den Smal-Talk?

Anke
User avatar
Premium Mitglieder Juppi
Fortgeschrittener Admin
Fortgeschrittener Admin
 
Posts: 1154
Joined: 12.2011
Cash on hand: 3,161.97 Points
Bank: 39,323.37 Points
Thanks: 112
Thanked: 192 times in 140 posts
Gender: Female

Re: Shoutbox mit Button ein- und ausblenden

Post#12by tups » 25.03.2013 13:02

Jetzt lass ihn ruhig hier stehen, nur halt fürs nächste mal dran denken.
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

The following user would like to thank tups for this post

Re: Shoutbox mit Button ein- und ausblenden

Post#13by Premium Mitglieder Juppi » 13.04.2013 12:43

Hallo Tups

Der Button klappt ja soweit ganz gut, aber ich muss ihn jedes mal wieder anklicken um die Box zu sehen, wenn ich die Seite kurz verlasse.
Kann man das ändern?

Anke
User avatar
Premium Mitglieder Juppi
Fortgeschrittener Admin
Fortgeschrittener Admin
 
Posts: 1154
Joined: 12.2011
Cash on hand: 3,161.97 Points
Bank: 39,323.37 Points
Thanks: 112
Thanked: 192 times in 140 posts
Gender: Female

Re: Shoutbox mit Button ein- und ausblenden

Post#14by tups » 13.04.2013 22:28

Ja, das kann man ändern....
suche in dem Code nach folgender Zeile (ist die letzte Zeile in dem Code)
Code: Select all
<div id="ebene1" style="display:none;">

ändere hier dann display:none; um, in display:inline;
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

The following user would like to thank tups for this post

Re: Shoutbox mit Button ein- und ausblenden

Post#15by Premium Mitglieder Juppi » 13.04.2013 23:12

Danke Tups.

Werde ich gleich mal testen.

Anke
User avatar
Premium Mitglieder Juppi
Fortgeschrittener Admin
Fortgeschrittener Admin
 
Posts: 1154
Joined: 12.2011
Cash on hand: 3,161.97 Points
Bank: 39,323.37 Points
Thanks: 112
Thanked: 192 times in 140 posts
Gender: Female

Next

Return to "phpBB3: Styles, Themes und Templates"


 

Who is online

Users browsing this forum: No registered users and 2 guests

Besucher kamen durch folgende Suchbegriffe auf diese Seite:

html mit button formular einblenden und ausblenden -radiobutton

phpbb how to generate pm onclick html shoutbox verstecken pw.document.write button ausblenden phpbb3 anmelden button ausblenden shoutbox textzeile zu lang html button shoutbox öffnen javascript rightpane ein und ausblenden php forum shoutbox ausblenden profi shoutbox html phpbb3 portal box einblenden ausblenden phpbb template mit shoutbox
cron