plzzz give me html code to add horizontal tab on the home page

  • 3
  • Question
  • Updated 10 years ago
  • Answered
Archived

This conversation was archived and is no longer visible to community members. The community moderator provided the following reason for archiving: out of date

i am using the templte having vertical navigation menu and i know that synthasite do no provide the sub menu option so i want to add horizontal tabs on my home page using html code plzz provide me required html code to add horizontal tabs
Photo of apj432

apj432

  • 12 Posts
  • 0 Reply Likes
  • sad

Posted 11 years ago

  • 3
Photo of Ruth

Ruth

  • 2819 Posts
  • 135 Reply Likes
An easier solution, apj432, would be to choose a style that has a horizontal menu...
Photo of Monique

Monique, VP of Customer Support

  • 6294 Posts
  • 446 Reply Likes
As a matter of interest, the Firming style has both horizontal and vertical navigation.
Photo of Green Girl

Green Girl

  • 531 Posts
  • 12 Reply Likes
Monique, can i know exactly which style you are talking about here? Is 'firming' the complete name of style. Searching style is bit difficult in synthasite, they are not arranged alphabetical order. So i m bit confused :-(
Photo of apj432

apj432

  • 12 Posts
  • 0 Reply Likes
i know that solution ..bt ..i am happy with vertical menu ..bt the menu is so large and i don't want to link pages
so you plzz provide me a html code to add horizontal tab
so i cqan use html widget to add html code to horizontal menu
plzz help me
Photo of Monique

Monique, VP of Customer Support

  • 6294 Posts
  • 446 Reply Likes
I don't have the HTML code for this. Sorry!
Photo of Niddy

Niddy

  • 67 Posts
  • 5 Reply Likes
Like Monique said Firming template has both vertical and horizontal menu. It is on page 2 out of 12 pages.

Hope this help

Niddy
Photo of Monique

Monique, VP of Customer Support

  • 6294 Posts
  • 446 Reply Likes
Hi Monica

Here is a screenshot. Which page it appears on depends on your screen resolution:

Photo of Green Girl

Green Girl

  • 531 Posts
  • 12 Reply Likes
Thanks Monique, but that wont fit my theme i guess.
But thanks for the screenshot and help :-)
Photo of apj432

apj432

  • 12 Posts
  • 0 Reply Likes
hmm thnx for this
now i am having diffrent problems
1 is there some other templates in synthasite providing both vertical and horizontal menus
if yes plzz give me the list and if not when is synthasite going to add them is there any specific time for that

problem 2 :
i want to use diffrent layout for diffrent pages.. can i do this with synthasite
Photo of Monique

Monique, VP of Customer Support

  • 6294 Posts
  • 446 Reply Likes
Hi apj432

This is what I can tell you:

Problem 1) There are no other styles (besides "Firming") that both vertical and horizontal navigation. I can pass your request on, but I cannot give you a date when more styles like this will be available.

Problem 2) You cannot use a different layout for different pages. The reason for this is that it could give rise to some very strange looking sites. We do have styles that allow you to change the banner image. You can place a different banner image on each page if you wish. This way each page would be unique, but there would be enough overall visual consistency to keep your site looking good. The other option would be to create different sites using different styles and place links on your page from one site to the other.

We are aware that significant development is needed in the area of our styles and we are working on this at the moment. I am sorry I can't offer you any other alternatives right now.
Photo of kuku4u

kuku4u

  • 1 Post
  • 0 Reply Likes
I'm looking for a tab that changes words as u visit your homepage. like it say Welcome on the tab or Hewwo or Surprise help plz
Photo of Ruth

Ruth

  • 2819 Posts
  • 135 Reply Likes
Here are some links to some places where you may find what you are looking for:
http://forsite.synthasite.com/htmlcod...
http://www.learning.scriptmania.com/
http://www.searchbliss.com/free_webma...

Good luck :)
Photo of sagar

sagar

  • 171 Posts
  • 1 Reply Like
hey, try this. Let me know if you need help.

Untitled

ul {
padding: 0.4em;
text-align: center;
margin: auto;
border: 1px solid #ff00ff; /* magenta border */
}
li {
display: inline;
padding: 0.2em;
border: 1px solid #ffa500; /* orange border */
margin: 0.1em;
}
a {
text-decoration: none;
}

Photo of Sanja

Sanja

  • 10698 Posts
  • 495 Reply Likes
Hey Sagar... I don't think the code completely got copied. Can you please try again and use the HTML encoder: http://forsite.synthasite.com/encoder... - copy and then paste back on here or you can use <!-- and --> to wrap your code inside. This too will prevent the forum from reading your code.
Photo of sagar

sagar

  • 171 Posts
  • 1 Reply Like
<!-- and -->
Centering a Float-Based horizontal Navbar

#navbar {
list-style-type:none;
width:310px; /*equal to total of floated links*/
margin:0 auto; /*centers in modern browsers*/
text-align:center; /*centers in old versions of IE*/
}

#navbar li {
display:inline;
}

#navbar li a:link, #navbar li a:visited {
display:block;
float:left;
width:100px;
line-height:20px;
border-top:1px solid #000;
border-bottom:1px solid #000;
border-right:1px solid #000;
color:#fff;
background:#369;
text-decoration:none;
}

#navbar li a:link:hover, #navbar li a:visited:hover {
background:#963;
}

#first{
border-left:1px solid #000;
}


  • a id="first" href="#">Link

  • a href="#">Link

  • a href="#">Link
  • <!-- and -->
Photo of Sanja

Sanja

  • 10698 Posts
  • 495 Reply Likes
oops... lol... I meant like this:

<!-- YOUR CODE GOES IN HERE -->

Sorry for the confusion!
Photo of sagar

sagar

  • 171 Posts
  • 1 Reply Like
Centering a Float-Based horizontal Navbar

#navbar {
list-style-type:none;
width:310px; /*equal to total of floated links*/
margin:0 auto; /*centers in modern browsers*/
text-align:center; /*centers in old versions of IE*/
}

#navbar li {
display:inline;
}

#navbar li a:link, #navbar li a:visited {
display:block;
float:left;
width:100px;
line-height:20px;
border-top:1px solid #000;
border-bottom:1px solid #000;
border-right:1px solid #000;
color:#fff;
background:#369;
text-decoration:none;
}

#navbar li a:link:hover, #navbar li a:visited:hover {
background:#963;
}

#first{
border-left:1px solid #000;
}


    li
Link
liLink
liLink
Photo of sagar

sagar

  • 171 Posts
  • 1 Reply Like
try the last code i posted but wrap li in <>
Photo of sagar

sagar

  • 171 Posts
  • 1 Reply Like
hang on i gotta change the code a bit !