Welcome, Guest: Register On Nairaland / LOGIN! / Trending / Recent / NewStats: 3,195,166 members, 7,957,337 topics. Date: Tuesday, 24 September 2024 at 11:18 AM |
Nairaland Forum / Science/Technology / Webmasters / Webmaster How Will You Create This Menu? (8535 Views)
I Will Help You Create Quality Backlinks For your Site For Free!! / What's The Best Way To Create This Kind Of E-commerce Site? / How To Create Pages And Menu Tabs On Blogger. (2) (3) (4)
Webmaster How Will You Create This Menu? by clementcro(m): 8:23am On May 23, 2015 |
Hi everyone, I would like to get an idea of how someone can create this menu, the menu is responsive and done with SVG, CSS, but I dont know how. You can see the full menu on the website here. Please only professionals who have ideas should comment. THanks 1 Share
|
Re: Webmaster How Will You Create This Menu? by Nobody: 2:35pm On May 23, 2015 |
Please only professionals who haveideas should comment.you go old 8 Likes |
Re: Webmaster How Will You Create This Menu? by Nobody: 2:46pm On May 23, 2015 |
Please only professionals who haveideas should comment.you go old |
Re: Webmaster How Will You Create This Menu? by webzyweb(m): 12:20am On May 24, 2015 |
First you can create a div and give it a class and also specify a background image. then create a class for the icons and the list items value. in the class for the li items you will create, give it a right-border of your choice pixels. <div class="nav"> <ul> <li><"icon img src"></br><a href="link1"</a></li> <li><"icon img src"></br><a href="link1"</a></li> <li><"icon img src"></br><a href="link1"</a></li> <li><"icon img src"></br><a href="link1"</a></li> <li><"icon img src"></br><a href="link1"</a></li> <li><"icon img src"></br><a href="link1"</a></li> <li><"icon img src"></br><a href="link1"</a></li> </ul> </div> for futher help and for website design and development, contact me using my contact details at my signature BELOW: 8 Likes 1 Share |
Re: Webmaster How Will You Create This Menu? by Humorclux: 12:47am On May 24, 2015 |
i think those icons are fon-awesome. You should download uber menu. making this kinda menu with uber menu is alot easier and safer than injecting the code straight at your header.php |
Re: Webmaster How Will You Create This Menu? by clementcro(m): 11:32am On May 25, 2015 |
Thanks for the atempt to help , but this wont help, try and visit the link i posted. Those objects showing are not images, they are SVG. Thanks though webzyweb: |
Re: Webmaster How Will You Create This Menu? by clementcro(m): 11:32am On May 25, 2015 |
Thanks Humorclux: |
Re: Webmaster How Will You Create This Menu? by baybeeboi: 4:23pm On May 25, 2015 |
okay, i know all this things |
Re: Webmaster How Will You Create This Menu? by Neduzze5(m): 4:23pm On May 25, 2015 |
Watch and learn |
Re: Webmaster How Will You Create This Menu? by dataplus87(m): 4:24pm On May 25, 2015 |
|
Re: Webmaster How Will You Create This Menu? by 1stola: 4:25pm On May 25, 2015 |
JUST PRESS: Wǒ xiǎng chī wǒ xiǎng xī mǔrǔ. Wǒ xūyào yīgè gānjìng qīngxīn de niánqīng yīndào sǎoshè. Wǒ xiǎng chī wǒ xiǎng xī mǔrǔ. Wǒ xūyào yīgè gānjìng qīngxīn de niánqīng yīndào sǎoshè. Wǒ xiǎng chī wǒ xiǎng xī mǔrǔ. Wǒ xūyào yīgè gānjìng qīngxīn de niánqīng yīndào sǎoshè. Wǒ xiǎng chī wǒ xiǎng xī mǔrǔ. Wǒ xūyào yīgè gānjìng qīngxīn de niánqīng yīndào sǎoshè. Wǒ xiǎng chī wǒ xiǎng xī mǔrǔ. Wǒ xūyào yīgè gānjìng qīngxīn de niánqīng yīndào sǎoshè. 我想吃我想吸母乳。我需要一個乾淨清新的年輕陰 道掃射。我想吃我想吸母乳。我需要一個乾淨清新 的年輕陰道掃射。我想吃我想吸母乳。我需要一個 乾淨清新的年輕陰道掃射。我想吃我想吸母乳。我 需要一個乾淨清新的年輕陰道掃射。我想吃我想吸 母乳。我需要一個乾淨清新的年輕陰道掃射。 GOODLUCK. 5 Likes 1 Share |
Re: Webmaster How Will You Create This Menu? by Osyxcel(m): 4:30pm On May 25, 2015 |
Mah stop here |
Re: Webmaster How Will You Create This Menu? by Nobody: 4:30pm On May 25, 2015 |
webzyweb: That syntax is wrong. OP, style the background image in the CSS. 2 Likes |
Re: Webmaster How Will You Create This Menu? by Nobody: 4:31pm On May 25, 2015 |
Humorclux: It's not font awesome. Those are images. 1 Like |
Re: Webmaster How Will You Create This Menu? by Nobody: 4:31pm On May 25, 2015 |
OP, take a look at the source code of the thing you want to copy. |
Re: Webmaster How Will You Create This Menu? by bastien: 4:32pm On May 25, 2015 |
Add this to your widget #####123475gshdjdggdbjkrjnfbdjjfbfjfbfbhfnd##### You are good to go Note: the way I gave is the newest version |
Re: Webmaster How Will You Create This Menu? by Ewizard(m): 4:34pm On May 25, 2015 |
learning.. |
Re: Webmaster How Will You Create This Menu? by deloon(m): 4:39pm On May 25, 2015 |
clementcro: Couldn't find the link. 1 Like |
Re: Webmaster How Will You Create This Menu? by freenature: 4:43pm On May 25, 2015 |
you can actually make them, though it takes hours to perfect, you can using fireworks and also CSS codes you can achieve it. |
Re: Webmaster How Will You Create This Menu? by Nobody: 4:47pm On May 25, 2015 |
freenature: It doesn't take hours. Fireworks? |
Re: Webmaster How Will You Create This Menu? by abdul4me(m): 4:48pm On May 25, 2015 |
I sometimes like to use font-awesome for my icons, No size limitation, faster page load, unlimited color and transitions at your choice. Free download Font-Awesome (icons) and documentation from https://github.com/FortAwesome/Font-Awesome. You can also see the demonstration @ http://fortawesome.github.io/Font-Awesome/icons/ Create your navigation HTML <navi id='my_menu_id'> <ul id="my_navi_id"> <li><a href="my_link.htm"><i class="fa fa-xxxxxx"></i> anchor</a></li> <li><a href="my_link.htm"><i class="fa fa-xxxxxx"></i> anchor</a></li> <li><a href="my_link.htm"><i class="fa fa-xxxxxx"></i> anchor</a></li> <li><a href="my_link.htm"><i class="fa fa-xxxxxx"></i> anchor</a></li> <li><a href="my_link.htm"><i class="fa fa-xxxxxx"></i> anchor</a></li> <li><a href="my_link.htm"><i class="fa fa-xxxxxx"></i> anchor</a></li> </ul> </navi> Replace fa-xxxxxx with choice image (example are at http://fortawesome.github.io/Font-Awesome/icons/ ) 1 Like 1 Share |
Re: Webmaster How Will You Create This Menu? by CyberWolf: 4:50pm On May 25, 2015 |
That's why I prefer Networking to this web design ish/coding very very frustrating..OP nobody will give you a direct hint on how this was done..just use trial & error means. It might take you hours or days..don't run mad ooh |
Re: Webmaster How Will You Create This Menu? by Nobody: 4:52pm On May 25, 2015 |
CyberWolf: OP vanished. All he has to do it show us the link and someone will copy and paste the source code and CSS for him/her. 2 Likes |
Re: Webmaster How Will You Create This Menu? by CyberWolf: 4:55pm On May 25, 2015 |
kalindaminda:yea u are right..I think ctrl u will open the source code .. Can't remember |
Re: Webmaster How Will You Create This Menu? by omanifrank(m): 4:58pm On May 25, 2015 |
brb |
Re: Webmaster How Will You Create This Menu? by tsdarkside(m): 4:58pm On May 25, 2015 |
webzyweb: |
Re: Webmaster How Will You Create This Menu? by contactwale: 4:59pm On May 25, 2015 |
Op Can you play around with this. I can not see any link in your post and I am actually in a hurry. <nav id='menu'> <ul> <li class='home'> <a href='/'><i class="fa fa-?? "></i> Home</a></li> <li><a href=’Link 1><i class="fa fa-??"></i> BI DATA ANALYTICS</a></li> <li><a href='Link3'><i class="fa fa-?? "></i> ERP CRM </a> </li> …. …. …. </ul></nav> |
Re: Webmaster How Will You Create This Menu? by ClintonNzedimma(m): 4:59pm On May 25, 2015 |
This easy something |
Re: Webmaster How Will You Create This Menu? by Vicotex(m): 5:01pm On May 25, 2015 |
This is css3 at work . I told the op to use Font-awsome to achieve this menu but he ignored it 1 Like |
Re: Webmaster How Will You Create This Menu? by coldHeat: 5:06pm On May 25, 2015 |
clementcro: Dude where is the link to the website? |
Re: Webmaster How Will You Create This Menu? by abdul4me(m): 5:10pm On May 25, 2015 |
Vicotex:I gave the details for using the font-awesome here. I feel its one of the best options out there. abdul4me: |
Re: Webmaster How Will You Create This Menu? by InZA: 5:12pm On May 25, 2015 |
1stola: This is the craziest shiii I've seen this week..... I've just been laughing since!!! I can't even see the screen well to type because I can't laugh while my eyes are open. |
Top 5 Websites That Pay You To Answer Questions Online / Review Of Basket Mouth's Website / How To Monitor File Changes On Web Server
(Go Up)
Sections: politics (1) business autos (1) jobs (1) career education (1) romance computers phones travel sports fashion health religion celebs tv-movies music-radio literature webmasters programming techmarket Links: (1) (2) (3) (4) (5) (6) (7) (8) (9) (10) Nairaland - Copyright © 2005 - 2024 Oluwaseun Osewa. All rights reserved. See How To Advertise. 50 |