menu problem

For support and discussion related to templates, themes, and imagesets in phpBB 3.1.
Scam Warning
User avatar
hamidouki
Registered User
Posts: 344
Joined: Sun Aug 02, 2015 2:33 pm

menu problem

Post by hamidouki »

hi
this is my website : http://www.bebwahran.tk
i want to make my website menu just the same yours i.e i want the menu under the banner just like in the picture
so the problem is mine is upper the banner [check my forum to notice it]
Capture.JPG
You do not have the required permissions to view the files attached to this post.
Salutations à la communauté phpBB
User avatar
Lumpy Burgertushie
Registered User
Posts: 69227
Joined: Mon May 02, 2005 3:11 am

Re: menu problem

Post by Lumpy Burgertushie »

move the code downl below the headerbar div to where you want it.

move this:

Code: Select all

<ul><li class="menu_item" id="menu_about"><a href="http://www.phpbbarabia.com/about.php" title="حول">حول</a></li>
				<li class="menu_item" id="menu_community"><a href="http://www.phpbbarabia.com/community/" title="منتدى الدعم">المنتديات</a></li>
				<li class="menu_item" id="menu_downloads"><a href="http://www.phpbbarabia.com/downloads.php" title="تحميل phpBB">التحميل</a></li>
				<li class="menu_item" id="menu_customise"><a href="http://www.phpbbarabia.com/customise.php" title="هاكات و ستايلات phpBB">التعديلات</a></li>
				<li class="menu_item" id="menu_support"><a href="http://www.phpbbarabia.com/support.php" title="دعم phpBB">الدعم</a></li>
				<li class="menu_item" id="menu_development"><a href="http://www.phpbbarabia.com/development.php" title="تطوير phpBB">التطوير</a></li>
				<li class="menu_item" id="menu_blog"><a href="http://www.phpbbarabia.com/blog/" title="مدونة phpBBArabia">المدونة</a></li>
				<li class="menu_item" id="menu_shop"><a href="http://www.phpbbarabia.com/shop/" title="متجر phpBBArabia">المتجر</a></li>
				<li class="menu_item" id="menu_hosting"><a href="http://www.phpbbarabia.com/hosting.php" title="استضافات">الاستضافة</a></li>
				<li><form action="http://www.google.com.sa/search" method="get" id="searchform" name="searchform" target="_blank"><fieldset><input name="sitesearch" value="www.phpbbarabia.com" type="hidden"><input onfocus="searchfield_focus(this)" name="as_q" class="search-input" id="keywords" maxlength="128" title="بحث" value="" type="text"></fieldset></form></li>
			</ul>
to right above this:
<!-- EVENT overall_header_navbar_before -->

see how that works.

robert
Premium phpBB 3.3 Styles by PlanetStyles.net

I am pleased to announce that I have completed the first item on my bucket list. I have the bucket.
User avatar
hamidouki
Registered User
Posts: 344
Joined: Sun Aug 02, 2015 2:33 pm

Re: menu problem

Post by hamidouki »

i have tryed it and it works but the only problem is that its invisible , it goes visible only if the mouse goes through the buttons
Capture.JPG
PS : the research bar is a bit adjusted unlike the other buttons , its not visible too
thank's
is this the file menu.css

Code: Select all

			<ul><li class="menu_item" id="menu_about"><a href="http://www.phpbbarabia.com/about.php" title="حول">حول</a></li>
				<li class="menu_item" id="menu_community"><a href="http://www.phpbbarabia.com/community/" title="منتدى الدعم">المنتديات</a></li>
				<li class="menu_item" id="menu_downloads"><a href="http://www.phpbbarabia.com/downloads.php" title="تحميل phpBB">التحميل</a></li>
				<li class="menu_item" id="menu_customise"><a href="http://www.phpbbarabia.com/customise.php" title="هاكات و ستايلات phpBB">التعديلات</a></li>
				<li class="menu_item" id="menu_support"><a href="http://www.phpbbarabia.com/support.php" title="دعم phpBB">الدعم</a></li>
				<li class="menu_item" id="menu_development"><a href="http://www.phpbbarabia.com/development.php" title="تطوير phpBB">التطوير</a></li>
				<li class="menu_item" id="menu_blog"><a href="http://www.phpbbarabia.com/blog/" title="مدونة phpBBArabia">المدونة</a></li>
				<li class="menu_item" id="menu_shop"><a href="http://www.phpbbarabia.com/shop/" title="متجر phpBBArabia">المتجر</a></li>
				<li class="menu_item" id="menu_hosting"><a href="http://www.phpbbarabia.com/hosting.php" title="استضافات">الاستضافة</a></li>
				<li><form action="http://www.google.com.sa/search" method="get" id="searchform" name="searchform" target="_blank"><fieldset><input name="sitesearch" value="www.phpbbarabia.com" type="hidden"><input onfocus="searchfield_focus(this)" name="as_q" class="search-input" id="keywords" maxlength="128" title="بحث" value="" type="text"></fieldset></form></li>
			</ul>
		
You do not have the required permissions to view the files attached to this post.
Salutations à la communauté phpBB
User avatar
Lumpy Burgertushie
Registered User
Posts: 69227
Joined: Mon May 02, 2005 3:11 am

Re: menu problem

Post by Lumpy Burgertushie »

where did you get that code for the menu to begin with?

the font is set to be white for the menu. if you put it on a white background then it will disappear.

surround that code with a div that has a colored background.


robert
Premium phpBB 3.3 Styles by PlanetStyles.net

I am pleased to announce that I have completed the first item on my bucket list. I have the bucket.
User avatar
hamidouki
Registered User
Posts: 344
Joined: Sun Aug 02, 2015 2:33 pm

Re: menu problem

Post by hamidouki »

I have tryed with this code for menu.css:

Code: Select all

#menu { margin: 1px 0 4px 0; height: 30px; padding: 0; width: 850px; max-width: 100%; background: #3e4850; /* Old browsers */
background: -moz-linear-gradient(top, #3e4850 0%, #58626a 5%, #7c8891 50%, #7d8a94 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3e4850), color-stop(5%,#58626a), color-stop(50%,#7c8891), color-stop(100%,#7d8a94)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #3e4850 0%,#58626a 5%,#7c8891 50%,#7d8a94 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #3e4850 0%,#58626a 5%,#7c8891 50%,#7d8a94 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #3e4850 0%,#58626a 5%,#7c8891 50%,#7d8a94 100%); /* IE10+ */
background: linear-gradient(to bottom, #3e4850 0%,#58626a 5%,#7c8891 50%,#7d8a94 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e4850', endColorstr='#7d8a94',GradientType=0 ); /* IE6-9 */

border-radius: 0 0 10px 10px; }
#menu ul { list-style: none; }

li.menu_item { display: block; padding: 1px 0 0; height: 29px; float: right; text-align: center; }
li.menu_item a { display: block; color: #fff; font-family: Droid Arabic Kufi; font-size: 14px; font-weight: bold; text-decoration: none; }
li.menu_item:hover { background: #505558; /* Old browsers */
background: -moz-linear-gradient(top, #505558 0%, #9aa1a5 5%, #acb2b7 50%, #b1b7bc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#505558), color-stop(5%,#9aa1a5), color-stop(50%,#acb2b7), color-stop(100%,#b1b7bc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #505558 0%,#9aa1a5 5%,#acb2b7 50%,#b1b7bc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #505558 0%,#9aa1a5 5%,#acb2b7 50%,#b1b7bc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #505558 0%,#9aa1a5 5%,#acb2b7 50%,#b1b7bc 100%); /* IE10+ */
background: linear-gradient(to bottom, #505558 0%,#9aa1a5 5%,#acb2b7 50%,#b1b7bc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505558', endColorstr='#b1b7bc',GradientType=0 ); /* IE6-9 */ }

#menu_about { border-radius: 0 0 10px 0; width: 60px; }
#menu_downloads { width: 70px; }
#menu_customise { width: 80px; }
#menu_support { width: 70px; }
#menu_development { width: 70px; }
#menu_blog { width: 70px; }
#menu_shop { width: 60px; }
#menu_community { width: 80px; }
#menu_hosting { width: 80px; }

li.searchtop { display: block; height: 30px; text-align: center; }

#top-search { float: left; }
.search-input { direction: rtl; position: relative; margin: 5px 5px 0; padding: 2px 10px 2px 25px; font: normal 11px Tahoma; float: left; width: 130px; height: 16px; background: #FFF url("./images/search_input.gif") no-repeat scroll 3px 50%; border: none; border-radius: 8px; }

@media only screen and (max-width: 915px), only screen and (max-device-width: 915px)
{
	#menu { display: none; }
	.ham { display: block !important; margin: 1px 0 4px; border-radius: 0 0 10px 10px; }
}

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
{
	.ham { margin: 1px -5px 4px; border-radius: 0; }
}
1.JPG
my official website with costume code :
Capture.JPG
PS: i am not professional in editing style
You do not have the required permissions to view the files attached to this post.
Salutations à la communauté phpBB
User avatar
hamidouki
Registered User
Posts: 344
Joined: Sun Aug 02, 2015 2:33 pm

Re: menu problem

Post by hamidouki »

help me plz
Capture.JPG
I need text of the menu in stright line

http://www.bebwahran.com

thank's
You do not have the required permissions to view the files attached to this post.
Salutations à la communauté phpBB

Return to “[3.1.x] Styles Support & Discussion”