Welcome, Guest: Register On Nairaland / LOGIN! / Trending / Recent / NewStats: 3,194,659 members, 7,955,393 topics. Date: Sunday, 22 September 2024 at 02:34 AM |
Nairaland Forum / Science/Technology / Webmasters / Webmaster How Will You Create This Menu? (8533 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)
Re: Webmaster How Will You Create This Menu? by tr3y(m): 5:42pm On May 25, 2015 |
Funny people full NL ah zswear |
Re: Webmaster How Will You Create This Menu? by pak: 7:43pm On May 25, 2015 |
@OP, although the method is deprecated and no longer advised by desigm professionals but if you're out of time and patience, just use tables. A one row table with multiple columns and zero cell margin. Make the background image the table bg and set cell borders to relect the design. Alternatively, you can make it two rows, the upper for the images, the lower for the text. Just play around with it and you'll be done in like 10 to 20 mins |
Re: Webmaster How Will You Create This Menu? by adewasco2k(m): 7:52pm On May 25, 2015 |
this is just too easy to accomplish but trust me there are different ways to do it. but since there is no time helping you out, just look up the source code of the website and see how they did it try read up svg use with external file |
Re: Webmaster How Will You Create This Menu? by freenature: 7:58pm On May 25, 2015 |
kalindaminda: That's if you are reusing css codes, |
Re: Webmaster How Will You Create This Menu? by Urine: 8:05pm On May 25, 2015 |
CyberWolf: Lool, on the contrary it's quite easy, you just have to know how to use Google and Stackoverflow effectively. |
Re: Webmaster How Will You Create This Menu? by CyberWolf: 8:30pm On May 25, 2015 |
Urine:see as you just made it sound easy..the debugging process is really a nightmare to me..my Life is easier and meaningful now I'm in networking world |
Re: Webmaster How Will You Create This Menu? by ritzytbabs(m): 8:31pm On May 25, 2015 |
why not take a look at the source code of the site you'll get useful hints from there...google can then do the rest |
Re: Webmaster How Will You Create This Menu? by Urine: 8:33pm On May 25, 2015 |
CyberWolf: It's not easy, nothing good comes easy but there's this orgasm like feeling you get when you successfully debug. It's the best feeling on earth. |
Re: Webmaster How Will You Create This Menu? by CyberWolf: 8:37pm On May 25, 2015 |
Urine:you are right...but the time wasted can be invested in other things..Anyway it's just a passion. There are so many areas of specialization in IT world..some are gifted on programming, some dbase, networking, etc.. 1 Like |
Re: Webmaster How Will You Create This Menu? by aperture11: 9:45pm On May 25, 2015 |
pak:Don't ever use tables especially with menus, modern browsers will mess up your site especially mobile browsers. The trend is to develop for mobile first, so this is a really bad idea. 1 Like |
Re: Webmaster How Will You Create This Menu? by Nobody: 9:58pm On May 25, 2015 |
aperture11: And the OP definitely asked fo a responsive solution. I'm disappointed the OP just left. |
Re: Webmaster How Will You Create This Menu? by Nobody: 10:12pm On May 25, 2015 |
Have you ever tried to solve a mathematics problem and got hanged? Have your teacher/lecturer solved a mathematics problem and skip so many steps? Do you want to know whether the answer you got in solving your mathematics problem is accurate? Are you confused about what to do next in solving a problem? FOR YOU and ONLY YOU NICKZOM (www.nickzom.com) is here for you in all available way. To go straight to the Mathematics section click on www.nickzom.com/calcworldmaths.html |
Re: Webmaster How Will You Create This Menu? by onyengbu: 3:07am On May 26, 2015 |
which part is posing the challenge, the svg icon or the css? If the svg part, go to www.icomoon.io to create the svg icons and then download it and copy the svg definition file to your project and style appropriately. |
Re: Webmaster How Will You Create This Menu? by beelon1020(m): 6:29am On May 26, 2015 |
Am not a webmaster.. Am a WebLord You can achieve that in few ways.. the short cut or the long cut, shortcut. import the image to fireworks and create the design u want at the background, the design on the one u uploaded was made with satin design and u can make ur icon design or u download them online make sure u choose the one with transparent background so that it will blend with it when u put it on it and just apply ur hyperlinks to it.. BOOM u are done Feel free to ask me questions have done many of this in the past you can use Dreamweaver fireworks or Adobe Photoshop those are you best bet. |
Re: Webmaster How Will You Create This Menu? by FRInteractives: 8:37am On May 26, 2015 |
We provide exceptional SAP training
whether at End User, Super User, or
Consultancy levels for the following
modules: Financial Accounting FI
Controlling CO
Materials Management MM Sales and Distribution SD
Human Capital Mgt HCM/HR
Project System PS
Plant Maintenance PM
Production Planning PP
Business Intelligence BI/BW Basis Terp10
Register now
Call us: 08059981540 08072611343
E: info@frinteractives.com
Port Harcourt Office: 5 Babbe St, D-
Line, PH |
Re: Webmaster How Will You Create This Menu? by FRInteractives: 8:38am On May 26, 2015 |
Web Splash - May, 2015
FR Interactives Web Solutions is
currently giving all SMEs and
Business Owners here in Nigeria an
opportunity to have their own
professional websites designed for them professionally at an affordable rate
WHAT WE WILL NEED TO GET
STARTED
* A profile of your company or
organization. You can also send us a
detailed explanation of how you want your website. * Domain Name
Suggestions
*Pictures, Logos of your Company (we
can assist you if you don't have)
REQUIREMENTS & CONDITIONS.
All you need to do is get our subscription form you can get it at our
Port Harcourt Office or you can
request for it to be sent to you via
email. FEE:
We are going to be building your site
at the rate of N30,000 this covers both your domain, hosting, and
Promotions. Grab this opportunity while it
lasts.
This offer is valid all through the
month of May Talk to us today
Call: 2348072611343, 2348059981540 (I.e. 08072611343,
08059981540)
Or visit us @ #5 Babbe Street, D/Line
PH |
Re: Webmaster How Will You Create This Menu? by Humorclux: 10:54am On May 26, 2015 |
FRInteractives:I go reach Jamb office b4 i get ur side? |
Re: Webmaster How Will You Create This Menu? by FRInteractives: 10:57am On May 26, 2015 |
Humorclux:My office is just opposite craft center sch. gate at dline |
Re: Webmaster How Will You Create This Menu? by Humorclux: 11:04am On May 26, 2015 |
FRInteractives:I go reach there during the weekend |
Re: Webmaster How Will You Create This Menu? by clementcro(m): 11:47am On May 27, 2015 |
This is the link, for all of you that are saying OP vanished. http://www.montash.com/ I pasted it in my first post, i guess Seun and his guys deleted it. |
Re: Webmaster How Will You Create This Menu? by pak: 2:56pm On May 27, 2015 |
aperture11: Oh well, I initially didn't see the part where he said the menu is responsive...... However, it's obvious the OP is something of a noob and is just trying to get a hang else a trip to any bootstrap template site could have solved his problem. Not every site is mobile first, there are some backend applications I develop that are primarily designed for desktop, mainly used to access tabular data. In such scenario and when you are out of time and lack the technical knowhow, you might be forced to use the option available to you. But true, tables have been discouraged for non tabular data |
Re: Webmaster How Will You Create This Menu? by Nobody: 5:47pm On May 27, 2015 |
Hmph. OYO. |
Re: Webmaster How Will You Create This Menu? by clementcro(m): 8:54pm On May 27, 2015 |
kalindaminda: OGa, oya provide solution ohhh.... |
Re: Webmaster How Will You Create This Menu? by onyengbu: 9:13pm On May 27, 2015 |
pak:Even for tabular data, you can style your divs to display:table-cell, display:table-column and get exact effect as tables. 1 Like |
Re: Webmaster How Will You Create This Menu? by onyengbu: 9:14pm On May 27, 2015 |
clementcro:What exactly is your challenge. Is it the css or getting the svg icons? |
Re: Webmaster How Will You Create This Menu? by clementcro(m): 9:41pm On May 27, 2015 |
onyengbu: If you have been following this thread , you would know the challenge, however, incase you have not been following it, achieving that type of menu structure is the challenge. cheers |
Re: Webmaster How Will You Create This Menu? by onyengbu: 1:48am On May 28, 2015 |
clementcro:Ok, no offense but I asked because the CSS is pretty simple and I felt that if it was getting the svg icons that is the problem, then you should visit https://icomoon.io and generate it. Then the CSS
The HTML
The HTML above assumes that you named the svg file generated from icomoon, svgdefs.svg and it is inside the same directory as the HTML file. Also the line <use xlink:href="svgdefs.svg#icon-technology"> for example assumes that the icon for Information Technology Menu is linked to #icon-technology in the svg definition file so be ready to modify that part to suit what you generated. Again I did not specify the @fontface for the font used for that menu. |
Re: Webmaster How Will You Create This Menu? by clementcro(m): 8:13pm On May 30, 2015 |
onyengbu:Thanks Onyegbu, I really appreciate your time, but I want to do mine the same way it was done on that website, EXACTLY, they use <svg></svg> tags if you checked the source code |
Re: Webmaster How Will You Create This Menu? by onyengbu: 2:08am On May 31, 2015 |
clementcro:Are you saying I didnt use svg tags too? |
Re: Webmaster How Will You Create This Menu? by rockfortdigital: 3:42pm On Oct 04, 2021 |
clementcro: For a Wordpress site, it is simple. That is a mega menu |
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. 56 |