Help get this topic noticed by sharing it on Twitter, Facebook, or email.

Menu - looking for style?

Is there a widget that provides a box menu that my links can be displayed within, making the site look more stylish?
1 person has
this question
+1
Reply
  • I’m confident
    1
    The Custom Panel could be used, but you may get tidier results if you create a list of links with a border around in HTML.
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. indifferent, undecided, unconcerned kidding, amused, unsure, silly sad, anxious, confused, frustrated happy, confident, thankful, excited

  • I’m confident
    Something like this, which gives you a box with two rows of four links
    :


    <table width=200 border=3 style="margin-left:auto;margin-right:auto;">
    <tr>
    <td>
    <ul>
    <li><a href="first page.php"> link 1</a></li>
    <li><a href="first page.php"> link 2</a></li>
    <li><a href="first page.php"> link 3</a></li>
    <li><a href="first page.php"> link 4</a></li>
    </ul>
    </td>
    <td>
    <ul>
    <li><a href="first page.php"> link 5</a></li>
    <li><a href="first page.php"> link 6</a></li>
    <li><a href="first page.php"> link 7</a></li>
    <li><a href="first page.php"> link 8</a></li>
    </ul>
    </td>
    </tr>
    </table>

  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. indifferent, undecided, unconcerned kidding, amused, unsure, silly sad, anxious, confused, frustrated happy, confident, thankful, excited

  • Stefan (Official Rep) May 03, 2012 09:13
    Hello Callum Clarke

    I think that Philip's suggestion to use our Custom Panel Widget would be the most comfortable solution which doesn't require further HTML knowledge. You can add a Text Widget onto a Custom Panel, and then create a text link.

    Let us know if you have questions or need more help with that!
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. indifferent, undecided, unconcerned kidding, amused, unsure, silly sad, anxious, confused, frustrated happy, confident, thankful, excited

  • Hi Philip,

    Thank you for your reply very appropriated,

    I am looking for that however with a top border displaying a colour.

    Little bit like on www.apple.com

    Any suggestions?

    CC
    • Stefan (Official Rep) May 03, 2012 09:22
      You can create something similar like on the website of Apple, using the Custom Panel Widget. The only difference would be that you would have a fading transition (background/gradient colour) between the two colours you choose, but it would still have the effect of a bar or button line.
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. indifferent, undecided, unconcerned kidding, amused, unsure, silly sad, anxious, confused, frustrated happy, confident, thankful, excited

  • Thank you all for your replies, after looking at the custom panel this is exactly what i need thank you once again.

    By any chance do you guys know how to place a certain color to the links automatically on my website?
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. indifferent, undecided, unconcerned kidding, amused, unsure, silly sad, anxious, confused, frustrated happy, confident, thankful, excited

  • This reply was removed on 2012-05-03.
    see the change log
  • Something like this? All in one row, centered on the page, in a green box with a border (it's pretty ordinary as it is, but you can add a pic before or into each link)

    <table border="3" style="margin-left:auto;margin-right:auto;">
    <tr height="32">
    <td>
    <p style="text-align:center;font-size:24px;background-color:#ccff99;">&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="page1.php" style="text-decoration:none;"> link 1</a>&nbsp;&nbsp;&nbsp;&nbsp;
    <a href=" page2.php"style="text-decoration:none;"> link 2</a> &nbsp;&nbsp;&nbsp;&nbsp;
    <a href="page3.php" style="text-decoration:none;"> link 3</a>&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="page4.php"style="text-decoration:none;"> link 4</a> &nbsp;&nbsp;&nbsp;&nbsp;
    <a href="page5.php" style="text-decoration:none;"> link 5</a>&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="page6.php"style="text-decoration:none;"> link 6</a> &nbsp;&nbsp;&nbsp;&nbsp;
    <a href="page7.php" style="text-decoration:none;"> link 7</a>&nbsp;&nbsp;&nbsp;&nbsp;
    <a href=" page8.php"style="text-decoration:none;"> link 8</a> &nbsp;&nbsp;&nbsp;&nbsp;
    </p>
    </td>
    </tr>
    </table>
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. indifferent, undecided, unconcerned kidding, amused, unsure, silly sad, anxious, confused, frustrated happy, confident, thankful, excited

  • Stefan (Official Rep) May 03, 2012 10:27
    Hello Callum Clarke

    If you refer to the general link colour of all text on your website, you could change this by editing your Site CSS. This is a Yola Silver feature, and you're welcome to upgrade to use it. Then I could give you the necessary code to change the link colour sitewide, and you'd be able to add it to your Site CSS overrides.

    If you refer to the link colour of text that you placed onto a Custom Panel Widget, you can pre-set this link colour by editing the settings of your Custom Panel Widget. Click on Edit on the Widget, and customize your font properties under the Fonts tab.

    You can also change the link colour in every Text Widget individually by highlighting the link and choosing a different font colour from the Text Editing Toolbar which is displayed above. Unfortunately this will disable any hover effects of the particular link.
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. indifferent, undecided, unconcerned kidding, amused, unsure, silly sad, anxious, confused, frustrated happy, confident, thankful, excited

  • This reply was removed on 2012-05-04.
    see the change log