Seite 2 von 2

Re: Menüleiste von Subsilver2 ändern

Verfasst: 11.01.2013 21:43
von cyjo5
Hallo Blackhawk87,

zunächst mal vielen Dank für dein Angebot, auf das ich gerne zurück komme.
Wobei allerdings das Löschen von Zeilen aus der Overall_Header.html (.php war heute morgen ein blöder Fehler von mir - kurze Nacht und um 5 Uhr schon wieder auf den Beinen - tja, so ist das mit kleinen Kindern halt) nicht das Problem ist, sondern das genaue Wissen wo ich mit dem Löschen anfange und wo aufhöre. Von daher nochmals danke für das Angebot.
Die overall_header.html ist hier: https://www.phpbb.de/support/pastebin.p ... iew&s=1211
Den Screenprint findest du hier: http://www.abload.de/img/screenprint5eq1r.jpg
Die markierten Sachen sollten raus.
Oder, eine andere Idee: Kann man evtl. die gesamte Zeile farblich anders hinterlegen um die Funktionen so optisch noch etwas mehr hervorzuheben ? Wenn ja, würde ich alles so lassen (außer den Einträgen für AQG Shop und AQB Homepage) und die Button mit anderen Funktionen die evtl. noch kommen sollen belegen.

Das sollte dann evtl. so aussehen: http://www.abload.de/img/screenprint2iqu3d.jpg

Impressum Problem ist inzwischen gelöst, habe in der /includes/functions.php den fehlenden Eintrag gefunden und ergänzt. Klappt jetzt. Danke.


lg

Frank

Re: Subsilver2 CSS-Menü / Dropdown möglich?

Verfasst: 12.01.2013 21:57
von Talk19zehn
Hi, ich kann als Besucher keine Beurteilung deiner Maßnahmen vornehmen und habe - so oder so - momentan "nicht einmal" Zugang zum Impressum. :wink:

LG

Edit: Ich nutze subsilver2 leider nicht ( wirklich ) ... :wink: Von daher bedenke bitte, dass ich das Konstrukt in einem nicht modifiziertem Forum einsetzte. HTML-Konstellationen können folglich von Fall zu Fall ganz andere sein.


Mein genutztes und angepasstes *CSS-Menu für subsilver2 sieht wie folgt aus: phpBB-Version 3.0.11
*siehe http://cssmenumaker.com/


stylesheet.css - ergänze:

Code: Alles auswählen

.cssmenu { height:37px; display:block; padding:0; margin:2px auto; border:1px solid; border-radius: 5px 5px 5px 5px; }
.cssmenu > ul {list-style:inside none; padding:0; margin:0;}
.cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;}
.cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:12px 20px; font:bold 13px/100% "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); } 
.cssmenu > ul > li:first-child > a{border-radius:0 0 0 5px;}
.cssmenu > ul > li > a:after{ content:''; position:absolute; border-right:1px solid; top:-1px; bottom:-1px; right:-2px; z-index:99; }
.cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;}
.cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #FFA34F; }
.cssmenu > ul > li.has-sub:hover > a:before{top:19px;}
.cssmenu ul li.has-sub:hover > a{ background:#006699; border-color:#006699; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; }
.cssmenu ul li.has-sub:hover > ul, .cssmenu ul li.has-sub:hover > div{display:block;}
.cssmenu ul li.has-sub > a:hover{background:#006699; border-color:#ccc;}
.cssmenu ul li > ul, .cssmenu ul li > div{ display:none; width:auto; position:absolute; margin: 0; top:38px; padding:10px 0; background:#006699; border-radius:0 0 5px 5px; z-index:999; }
.cssmenu ul li > ul{width:220px;}
.cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;}
.cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#FFA34F; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); }

.cssmenu, .cssmenu > ul > li > ul > li a:hover{
background-color: #006699; background-image: url('./images/cellpic3.gif'); }
.cssmenu {border-color:#ccc;}
.cssmenu > ul > li > a{border-right:1px solid #ccc; color:#FFA34F;}
.cssmenu > ul > li > a:after{border-color:#ccc;}.cssmenu > ul > li > a:hover{background:#006699;}

TEST TEST TEST
overall_header.html ( bitte suche deine Bereiche und passe diese an )
Anmerkung: Unsachgemäße (Ver)Änderungen können ein "Aussperren" aus dem Forum zur Folge haben....
Es gilt, ursprüngliche Verzeichnisse und deren Inhalte vor einer Änderung, zu sichern!

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>

<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="keywords" content="" />
<meta name="description" content="" />
{META}
<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>

<!-- IF S_ENABLE_FEEDS -->
	<!-- IF S_ENABLE_FEEDS_OVERALL --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {SITENAME}" href="{U_FEED}" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_NEWS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_NEWS}" href="{U_FEED}?mode=news" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_FORUMS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_ALL_FORUMS}" href="{U_FEED}?mode=forums" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPICS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_NEW}" href="{U_FEED}?mode=topics" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPICS_ACTIVE --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_ACTIVE}" href="{U_FEED}?mode=topics_active" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_FORUM and S_FORUM_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FORUM} - {FORUM_NAME}" href="{U_FEED}?f={S_FORUM_ID}" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPIC and S_TOPIC_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_TOPIC} - {TOPIC_TITLE}" href="{U_FEED}?f={S_FORUM_ID}&t={S_TOPIC_ID}" /><!-- ENDIF -->
<!-- ENDIF -->

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

<script type="text/javascript">
// <![CDATA[
<!-- IF S_USER_PM_POPUP and 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(/&/g, '&'), name, 'height=' + height + ',resizable=yes,scrollbars=yes,width=' + width);
	return false;
}

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

	if (page !== null && !isNaN(page) && page == Math.floor(page) && page > 0)
	{
		if (base_url.indexOf('?') == -1)
		{
			document.location.href = base_url + '?start=' + ((page - 1) * per_page);
		}
		else
		{
			document.location.href = base_url.replace(/&/g, '&') + '&start=' + ((page - 1) * per_page);
		}
	}
}

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

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

	if (!parent)
	{
		return;
	}

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

<!-- IF ._file -->

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

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

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

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

		obj.SetControllerVisible(true);

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

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

<a name="top"></a>

<div id="wrapheader">

	<div id="logodesc">
		<table width="100%" cellspacing="0">
		<tr>
			<td><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></td>
			<td width="100%" align="center"><h1>{SITENAME}</h1><span class="gen">{SITE_DESCRIPTION}</span></td>
		</tr>
		</table>
<br style="clear: both;" />
<div class="cssmenu">
   <ul>
         <!-- IF not S_IS_BOT and not S_USER_LOGGED_IN -->
           <!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) -->
            <li class="active"><a href="{U_REGISTER}"><span>{L_REGISTER}</span></a></li>
           <!-- ENDIF -->
         <!-- ENDIF -->

         <!-- IF U_TEAM -->
            <li><a href="{U_TEAM}"><span>{L_THE_TEAM}</span></a></li>
         <!-- ENDIF -->

         <!-- IF not S_IS_BOT -->
            <li class="has-sub"><a href="{U_FAQ}"><span>{L_FAQ}</span></a>
               <ul>
                  <li><a href="{U_PRIVACY}"><span>{L_PRIVACY}</span></a></li>
                  <li><a href="{U_TERMS_USE}"><span>{L_TERMS_USE}</span></a></li>
               </ul>
            </li>
         <!-- ENDIF -->

         <!-- IF S_DISPLAY_MEMBERLIST and S_USER_LOGGED_IN -->
           <li class="has-sub"><a href="{U_MEMBERLIST}"><span>{L_MEMBERLIST}</span></a>
            <!-- IF S_USER_LOGGED_IN and not S_IS_BOT -->
              <ul>
               <li><a href="#"><span>Link</span></a></li>
               <li><a href="#"><span>Link</span></a></li>
              </ul>
            <!-- ENDIF -->
           </li>
         <!-- ENDIF -->

         <!-- IF not S_IS_BOT -->
           <li class="has-sub"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x"><span>{L_LOGIN_LOGOUT}</span></a>
            <!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
              <ul>
               <!-- IF S_DISPLAY_SEARCH -->
                 <li><a href="{U_SEARCH_SELF}"><span>{L_SEARCH_SELF}</span></a></li>
               <!-- ENDIF -->
               <!-- IF S_DISPLAY_PM -->
                 <li><a href="{U_PRIVATEMSGS}"><span>{PRIVATE_MESSAGE_INFO}</span></a></li>
               <!-- ENDIF -->
               <li><a href="{U_PROFILE}"><span>{L_PROFILE}</span></a></li>
               <!-- IF U_RESTORE_PERMISSIONS -->
                 <li><a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a></li>
               <!-- ENDIF -->
              </ul>
            <!-- ENDIF -->
           </li>
         <!-- ENDIF -->
           <li class="has-sub"><a href="#"><span>Dein Link</span></a>
            <ul>
               <li><a href="#"><span>Link</span></a></li>
               <li><a href="#"><span>Link</span></a></li>
            </ul>
           </li>
           <li><a href="#"><span>Dein Link</span></a></li>
   </ul>
</div>
	</div>
<div style="clear: both;" </div>
	<div id="menubar">
		<table width="100%" cellspacing="0">
		<tr>
			<td class="genmed">
				<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN --> &nbsp;<span style="color: red;">{L_BOARD_DISABLED}</span><!-- ENDIF -->
				<!-- IF not S_IS_BOT -->
					<!-- IF S_USER_LOGGED_IN -->
						<!-- IF S_DISPLAY_PM --> &nbsp;<a href="{U_PRIVATEMSGS}"><img src="{T_THEME_PATH}/images/icon_mini_message.gif" width="12" height="13" alt="*" /> {PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->, {PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF --></a><!-- ENDIF -->
					<!-- ENDIF -->
				<!-- ENDIF -->
			</td>
			<td class="genmed" align="{S_CONTENT_FLOW_END}">
				<!-- IF S_DISPLAY_SEARCH -->&nbsp; &nbsp;<a href="{U_SEARCH}"><img src="{T_THEME_PATH}/images/icon_mini_search.gif" width="12" height="13" alt="*" /> {L_SEARCH}</a><!-- ENDIF -->

			</td>
		</tr>
		</table>
	</div>

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

</div>

<div id="wrapcentre">

	<!-- IF S_DISPLAY_SEARCH -->
	<p class="searchbar">
		<span style="float: {S_CONTENT_FLOW_BEGIN};"><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> | <a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a></span>
		<!-- IF S_USER_LOGGED_IN or S_LOAD_UNREADS -->
		<span style="float: {S_CONTENT_FLOW_END};"><!-- IF S_LOAD_UNREADS --><a href="{U_SEARCH_UNREAD}">{L_SEARCH_UNREAD}</a><!-- IF S_USER_LOGGED_IN --> | <!-- ENDIF --><!-- ENDIF --><!-- IF S_USER_LOGGED_IN --><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> | <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><!-- ENDIF --></span>
		<!-- ENDIF -->
	</p>
	<!-- ENDIF -->

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

	<!-- INCLUDE breadcrumbs.html -->

	<br />

:wink:
eingeloggt: [ externes Bild ]

nicht eingeloggt: [ externes Bild ]

...

BTW:
Für Prosilver geht´s hier lang:
http://www.ongray-design.de/forum/viewt ... =473#p3044

Beste Grüße