How To Create a Website Navigation Menu in Notepad in HTML

Поділитися
Вставка
  • Опубліковано 21 вер 2024

КОМЕНТАРІ • 95

  • @Isawyouatthebar
    @Isawyouatthebar 2 роки тому +1

    Thank you very much. 7years later and it helped me even today. Thank you once again. God bless you and I subbed

  • @taliah2677
    @taliah2677 4 роки тому +5

    Thank you so much for this video, it really help me do what i needed to do for ICT :)

  • @macbr9
    @macbr9 9 років тому +4

    Always good to see what other marketers are doing...

  • @lordkill136
    @lordkill136 2 роки тому +1

    Love the video, helped out so much. Now I need to figure out how to actually code in the hyperlinks to allow me to use the menu. Thanks for all the useful info though!!

  • @gianisaacvyang5329
    @gianisaacvyang5329 2 роки тому +1

    thank you man you helped me alot now i can submit my activity

  • @all_the_good_names_are_gon68
    @all_the_good_names_are_gon68 7 років тому +4

    Hello sir.
    I have followed every step of yours carefully and the result has just turned out successfully! However, I have this one conflict with positioning the text. How can I position the text in different position(below or above the navbar: not beside it anyways)? Great demonstration nonetheless, your work is massively comprehensive and neat. Keep up the great job!

    • @dar9548
      @dar9548 6 місяців тому

      same

  • @thorragsoy4162
    @thorragsoy4162 6 років тому +2

    very nice teaching skill..

  • @myredditanecdotes
    @myredditanecdotes 4 роки тому +2

    Thanks for your help. I needed this for my project! :3

  • @coderr_
    @coderr_ 2 роки тому +2

    perfect tutorial thank you very much

  • @_Jogniya_musics_1500
    @_Jogniya_musics_1500 3 роки тому +1

    Tq so mach this is very use full

    • @smweb1
      @smweb1  3 роки тому +1

      Glad to hear...Stay tuned for more :)

  • @prakashroy9606
    @prakashroy9606 6 років тому +2

    Thank You very much It is awesome Thanks Man!!!!!!!!!!!!!!!!!!.....................!!!!!!!!!!!!!!!!!!!!!!!!

  • @stellamukenyi5419
    @stellamukenyi5419 4 роки тому +1

    A good one thanks. I have learned so much.

  • @ummayjannat6621
    @ummayjannat6621 9 років тому +2

    its easy to watch in notepad++ ...... ds video takes much time to watch of ur not using copy paste term... but overall its fine

  • @markbilly1788
    @markbilly1788 9 років тому +2

    Thank for sharing this video.

  • @jedediahmarkines9963
    @jedediahmarkines9963 9 років тому +1

    a big THANKS for aploading this video! it was very helpful!

  • @Lifeonhope3159
    @Lifeonhope3159 5 років тому +2

    You are nice teacher

  • @invicibyul599
    @invicibyul599 10 років тому +4

    You're awesome!! (y) keep it up. how about drop down navigation bar using note pad? Is it possible?

    • @smweb1
      @smweb1  10 років тому +1

      Thanks! Yes it is possible and I will be creating a video for it soon.

    • @smweb1
      @smweb1  10 років тому +1

      Here is the video: how to create a dropdown navigation bar using notepad:
      how to create a dropdown navigation bar with notepad

  • @moswardvunagi5214
    @moswardvunagi5214 5 років тому +1

    great bro.nice tuts it helps me a lot man.

  • @uzairnaufal7987
    @uzairnaufal7987 3 роки тому +1

    thanks

  • @ruqiyafatima2918
    @ruqiyafatima2918 7 років тому +2

    thank you so much

  • @blobanater
    @blobanater 10 років тому +3

    great video! thank you so much as this is a cool feature to have on an html page that will make it look even better :)

    • @smweb1
      @smweb1  10 років тому +1

      Thanks for liking the video and I am glad you found it useful.

    • @blobanater
      @blobanater 10 років тому +1

      freeSpace sedoo My pleasure :)

  • @esjeidee780
    @esjeidee780 9 років тому +1

    thank you very much! this really helped me! :D

  • @gerwinsamuelgubatan9835
    @gerwinsamuelgubatan9835 8 років тому +6

    How can i align the navigation bar in center?

  • @laffyhaffy
    @laffyhaffy 9 років тому +3

    Can't you just copy and paste? Then you can change the "HOME" but great tutorial anyways!

  • @daisysheaven
    @daisysheaven 10 років тому +2

    This really helped thankss! 👍

    • @smweb1
      @smweb1  10 років тому +1

      You welcome.

  • @emmanuelescalona3234
    @emmanuelescalona3234 10 років тому +1

    good day sir! I just want to ask on how to put a picture to the selected icons like DOWNLOADS, IMAGES, VIDEOS, etc.

    • @smweb1
      @smweb1  10 років тому +1

      Hello Emmanuel, You can add pictures and links here.
      smsedo.blogspot.com/2014/08/how-to-add-images-and-links-to.html

  • @savindur3
    @savindur3 2 роки тому +1

    super

  • @ador95
    @ador95 6 років тому +4

    video start at 2:10
    you'll thank me soon

  • @rchauhan7379
    @rchauhan7379 6 років тому +2

    Why are background color of menu disappeare after making the link

  • @makayerosga856
    @makayerosga856 8 років тому +1

    hi! to change the font style or font face. what will be the tag to be used? thank you.

    • @htmlphp5488
      @htmlphp5488 8 років тому +1

      You can use style attribute inside tag like this

  • @hotrodd1723
    @hotrodd1723 10 років тому +1

    Instead of using Firefox, I'm using Internet Explorer. So what code do I need to use? Instead of using moz-border
    div.navMENU a{display:block; width:180px; border-radius:10px;

    • @smweb1
      @smweb1  10 років тому +1

      NOTE:If you are using older versions of IE(5, 6, 7, 8 ) - it will not work.
      For IE9 and above, you can use the default: border-radius:10px;
      For Firefox: -moz-border-radius:10px;
      For Safari and Chrome: -webkit-border-radius:10px;

  • @nathanshinana7461
    @nathanshinana7461 9 років тому +1

    thank you

  • @dope2547
    @dope2547 7 років тому +2

    can you create website where we can copy and paste codes? thanks

    • @smweb1
      @smweb1  5 років тому

      www.smartkidsthink.com/

  • @kamikami334
    @kamikami334 4 роки тому +1

    Is it possible to change the text color of the text in the navmenu

    • @smweb1
      @smweb1  4 роки тому

      Hi, yes it is possible🎈

  • @jonathanboss8386
    @jonathanboss8386 8 років тому +3

    how do i a add link to it when i press it takes me to a new page

    • @smweb1
      @smweb1  8 років тому +2

      +Jonathan boss Hi, add the target attribute inside the anchor tag.
      Home
      Hope this help, subscribe for more lessons :)

    • @reynoldbabor6160
      @reynoldbabor6160 5 років тому

      freeSpace sedoo

  • @Drewsky_06
    @Drewsky_06 9 років тому +1

    Its pretty cool
    just like this one,
    text=inputbox("Hello")
    text=inputbox("How are you.")
    text=inputbox("Thats nice.")
    msgbox("Have a good day, ")
    then you save as .vbs

  • @mypassionisgaming
    @mypassionisgaming 3 роки тому +1

    Hi,
    I want to know
    which code is use to create whole navigation menu at left side in y-axis by 5px spacing of each block ??????????????????????????????????????????????????????????????????????????????????????????????

    • @mypassionisgaming
      @mypassionisgaming 3 роки тому

      Plz,
      I want to create my own website

    • @smweb1
      @smweb1  3 роки тому

      Hi, you can create your website. Enjoy :) ua-cam.com/video/KXNnYDnE97c/v-deo.html

    • @mypassionisgaming
      @mypassionisgaming 3 роки тому +1

      @@smweb1 No I wanna that code
      Which code is use to create nav menu in left side at y-axis
      And also 5px space in between each block

    • @mypassionisgaming
      @mypassionisgaming 3 роки тому

      Plz make a video on it

  • @Drewsky_06
    @Drewsky_06 9 років тому +3

    And this one,
    'SIMPLE VB DECRYPTION PROGRAM'
    'Create a dialogue box that asks for the text to encode'
    set x = WScript.CreateObject("WScript.Shell")
    mySecret = inputbox("enter text to be decoded")
    'Reverse the submitted text'
    mySecret = StrReverse(mySecret)
    'Open up an instance of Notepad to print the results after waiting for 1 second'
    x.Run "%windir%
    otepad"
    wscript.sleep 1000
    x.sendkeys encode(mySecret)
    'this function encodes the text by retreating each character 3 letters'
    function encode(s)
    For i = 1 To Len(s)
    newtxt = Mid(s, i, 1)
    newtxt = Chr(Asc(newtxt)-3)
    coded = coded & newtxt
    Next
    encode = coded
    End Function
    also save as .vbs

  • @thefirstrobin9909
    @thefirstrobin9909 8 років тому +1

    How come when i did this on my page the home,tea,contact,and products button dont work??????They r there but dont allow you to click?

    • @smweb1
      @smweb1  8 років тому +1

      Hey, the anchor tag is empty & should create a home.html page and add it to: HOME . Please see how to do it here: ua-cam.com/video/KXNnYDnE97c/v-deo.html

  • @papashutie9400
    @papashutie9400 4 роки тому +2

    how to some letters when click it

    • @smweb1
      @smweb1  4 роки тому

      Hi, please add more details thanks :)

  • @hikyyd3175
    @hikyyd3175 3 роки тому

    its not working i tried to make a css file in replit but still doesnt work even in the html file what do i do?

  • @iyakaremyeemmanuel2153
    @iyakaremyeemmanuel2153 8 років тому +1

    wowowowwa great video but how to add colors to my header part with notepad thanks

    • @htmlphp5488
      @htmlphp5488 8 років тому +1

      in html5 use this tag with style attribute to add colors to your header:
      Header

  • @matimbamarvin126
    @matimbamarvin126 7 років тому +1

    Can you please add drop down menu with sub menus using note pad

    • @smweb1
      @smweb1  7 років тому +1

      Yes here is how to create a drop-down menu in html ua-cam.com/video/IHnJmKSuaB0/v-deo.html

  • @xander5969
    @xander5969 4 роки тому +1

    How did you get it in the center?

    • @smweb1
      @smweb1  4 роки тому

      8:59 - body{margin: 0 auto; width:980px;} to center it. Enjoy :)

  • @kamikami334
    @kamikami334 4 роки тому +1

    and how to linked them to other webpages?

    • @smweb1
      @smweb1  4 роки тому

      Hi! At 4:37 you can replace the # with www.smartkidsthink.com/downloads/

  • @toranosukepandakila2692
    @toranosukepandakila2692 9 років тому +1

    uhhhmm..... how can a hyperlink these navMENU??

  • @hanahegazi959
    @hanahegazi959 3 роки тому +1

    okay but how does this help you navigate the page, that is what I am trying to do. Sorry, but I didn't find this helpful

    • @smweb1
      @smweb1  3 роки тому +1

      At 4:36 you can add any domains such smartkidsthink.com to replace #

  • @karenjoyolande3712
    @karenjoyolande3712 9 років тому +1

    how to create a responsive navbar ?

  • @baggacubes
    @baggacubes 2 роки тому +1

    how do i make it clickable

    • @smweb1
      @smweb1  2 роки тому +1

      Hello At 4:37 you can replace the # with www.smartkidsthink.com/downloads/

  • @sherylyaseen6719
    @sherylyaseen6719 10 років тому +2

    it isn't floating left!!!

    • @smweb1
      @smweb1  10 років тому +1

      Well, it should be. Make sure to close the div.navMENU {.....} at 12:00
      You can check your code here: smsedo.blogspot.com/2014/03/how-to-create-website-navigation-menu.html
      Enjoy!

    • @sherylyaseen6719
      @sherylyaseen6719 10 років тому +1

      thanks :D is it possible for you to check if my code is correct somehow??

    • @smweb1
      @smweb1  10 років тому +1

      Sheryl Yaseen Here: ua-cam.com/users/smweboneabout

  • @adriangaviola2326
    @adriangaviola2326 8 років тому +1

    how to add a background?

    • @htmlphp5488
      @htmlphp5488 8 років тому +2

      use style attribute with background value like style="background:url(image.jpg)"

    • @Nada-fp8uq
      @Nada-fp8uq 8 років тому

      How can I add the background image on the header that fits the screen of any browser?

  • @blitztracks5055
    @blitztracks5055 8 років тому +1

    link pls ... to the .txt

    • @smweb1
      @smweb1  8 років тому +1

      +Blitz Tracks Hi, Link files are available with a Paypal contribution. here is the links: smtutor.com/donate. thanks.

    • @blitztracks5055
      @blitztracks5055 8 років тому +1

      err... nah tnx

  • @Isawyouatthebar
    @Isawyouatthebar 2 роки тому +1

    Thank you very much. 7years later and it helped me even today. Thank you once again. God bless you and I subbed

    • @smweb1
      @smweb1  2 роки тому +2

      Thanks! Glad you liked it😊

  • @abdifitaahmohamed468
    @abdifitaahmohamed468 4 роки тому +1

    thanks

  • @khushbuRmagar
    @khushbuRmagar 5 років тому +1

    Thank you so much

  • @makayerosga856
    @makayerosga856 8 років тому +1

    hi! to change the font style or font face. what will be the tag to be used? thank you.

    • @smweb1
      @smweb1  8 років тому +1

      +Makaye Rosga Hi, you can add: body{font-style: italic;} for example by inserted in the body tag or any other tag! enjoy :)

    • @makayerosga856
      @makayerosga856 8 років тому +1

      thanks a lot!

  • @anakners2814
    @anakners2814 8 років тому +1

    thankyou