The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Clean head page and keep only the simple menu: how to do? Please help
calmabubbasst
post Feb 5 2023, 03:24 PM
Post #1


Member
***

Group: Members
Posts: 39
Joined: 20-July 22
Member No.: 28,449



Clean head page and keep only the simple menu: how to do? Please help

Hi all, here me hera again asking help for change my website,
the page that i want to manage is this: https://www.nastri-trasportatori.net/Offert...0edilveyor.html

Do 1 scroll down and what you have is this:
IPB Image

I'll love to keep "A" and "C", erase "B" and erase scroll effect

Could you help me and tell me how to change the html code?

Thanks a lot, i'm not very skilled in html

something like this
IPB Image

This post has been edited by calmabubbasst: Feb 5 2023, 03:31 PM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Feb 5 2023, 05:08 PM
Post #2


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



Looks like you want to get rid of everything in the header section except the navbar. It's well commented, so it should be easy to find.

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
coothead
post Feb 5 2023, 07:43 PM
Post #3


Advanced Member
****

Group: Members
Posts: 194
Joined: 12-January 23
From: chertsey, a small town 25 miles south west of london, england
Member No.: 28,743



Hi there calmabubbasst,

I looked at "View Source" for your page and it appears
that you need to remove lines 173 t0 201 inclusive
CODE

               <div class="row">
                    <div class="col-md-8 col-sm-8">
                        <div class="home_text">
                            <!-- TITLE AND DESC -->
                            <h1>EDILVEYOR,<br>IL NASTRO TRASPORTATORE PER EDILIZIA</h1>

                            <p>Per lavori di demolizione - ristrutturazione - risanamento - consolidamento - sottofondazione</p>
                            <p>Trasporto calcinacci e macerie - manutenzione giardini e terreni - archeologia - scavo piscine </p>
                            <p>Bonifiche ambientali - luoghi inaccessibili quali tunnel , canali , cisterne</p>
                            <p>Estrazione mineraria - estrazione refrattari da forni</p>

                            <div class="download-btn"-->
                                <!-- BUTTON -->
                                <a class="btn home-btn wow fadeInLeft" href="#CARATTERISTICHE">CREA IL TUO PREVENTIVO</a>
                                <a class="btn home-btn wow fadeInLeft" href="#VIDEO">VIDEO</a>
                                <a class="btn home-btn wow fadeInLeft" href="#FOTO">FOTO</a>
                                <a class="btn home-btn wow fadeInLeft" href="#DOWNLOAD">DOWNLOAD</a>
                                <a class="tuor btn wow fadeInRight" href="#PREVENTIVO">VAI <i class="fa fa-angle-down"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-md-offset-1 col-sm-4">
                        <div class="home-iphone">
                            <img src="images/nastri-trasportatori-edilizia.png" alt="nastro trasporto macerie edilveyor in varie lunghezze"> <!--imm.chiara alto dx - forse si può INGRANDIRE: non è colpa tua se si allarga pag su cell-->
                       </div>
                    </div>
                </div>
            </div>
        </div>


Of course, you should keep a copy of them just in case you
are unhappy with the result and wish to replace them.

coothead
User is online!PM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
calmabubbasst
post Feb 6 2023, 05:50 PM
Post #4


Member
***

Group: Members
Posts: 39
Joined: 20-July 22
Member No.: 28,449



QUOTE(pandy @ Feb 5 2023, 05:08 PM) *

Looks like you want to get rid of everything in the header section except the navbar. It's well commented, so it should be easy to find.


Hi @pandy tnx for your kind help, i'm sure it's easy for you .. but not for me ;P

Anyway i've follow you, copy, paste and modify, this is what's i was able to do:

https://www.nastri-trasportatori.net/menu-semplice.html

it's something but not all ... I think i've need more help from you smile.gif could you?

next step will be:

- the menu must be visible immediately, not only if i scroll
- than, if scroll, the menu must to stay visible ad at the top, also while all the page scroll down

could you guide me, step by step, to that targets? smile.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Feb 6 2023, 06:24 PM
Post #5


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



Looks like you lost the menu too...

Look at the comments in the HTML. The sections are well marked out.

See? You have a header section and inside that, in the beginning, you have your menu.

CODE
    <!-- =========================
         START HEADER SECTION
    ============================== -->
    <!-- lo sfondo sfocato è "home.jpg" non è quà, lo comanda "style.css" -->

    <section class="header parallax home-parallax page" id="HOME">
        <h2></h2>
        <div class="section_overlay">
            <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
                <div class="container">
                    <!-- Brand and toggle get grouped for better mobile display -->
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a class="navbar-brand" href="#">
                            <img src="images/logo-piccolo.png" alt="Nastri rimozione rottami e macerie"> <!-- logo a fianco menu -->
                        </a>
                    </div>
                    <!-- Collect the nav links, forms, and other content for toggling -->
                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                        <ul class="nav navbar-nav navbar-right">
                            <!-- NAV -->
                            <li><a href="#HOME">HOME</a> </li>
                            <li><a href="#CHISIAMO">CHI SIAMO</a> </li>
                            <li><a href="#CARATTERISTICHE">CARATTERISTICHE</a></li>
                            <li><a href="#VIDEO">VIDEO</a> </li>
                            <li><a href="#ACCESSORI">ACCESSORI</a> </li>
                            <li><a href="#FOTO">FOTO</a> </li>
                            <li><a href="#DOWNLOAD">DOWNLOAD</a> </li>
                            <li><a href="#CONTATTI">CONTATTI</a> </li>
                        </ul>
                    </div>
                    <!-- /.navbar-collapse -->
                </div>
                <!-- /.container- -->
            </nav>


You don't want to touch that. But remove everything after that up to the comment that tells you that's the end of the header section. If I counted right you also need to add a closing tag for DIV after the above.

CODE
  <!-- END HEADER SECTION -->


See how that works. Maybe there are some unessesary tags left. I didn't look into what everything does.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
calmabubbasst
post Feb 11 2023, 09:42 AM
Post #6


Member
***

Group: Members
Posts: 39
Joined: 20-July 22
Member No.: 28,449



QUOTE(coothead @ Feb 5 2023, 07:43 PM) *

Hi there calmabubbasst,

I looked at "View Source" for your page and it appears
that you need to remove lines 173 t0 201 inclusive
CODE

               <div class="row">
                    <div class="col-md-8 col-sm-8">
                        <div class="home_text">
                            <!-- TITLE AND DESC -->
                            <h1>EDILVEYOR,<br>IL NASTRO TRASPORTATORE PER EDILIZIA</h1>

                            <p>Per lavori di demolizione - ristrutturazione - risanamento - consolidamento - sottofondazione</p>
                            <p>Trasporto calcinacci e macerie - manutenzione giardini e terreni - archeologia - scavo piscine </p>
                            <p>Bonifiche ambientali - luoghi inaccessibili quali tunnel , canali , cisterne</p>
                            <p>Estrazione mineraria - estrazione refrattari da forni</p>

                            <div class="download-btn"-->
                                <!-- BUTTON -->
                                <a class="btn home-btn wow fadeInLeft" href="#CARATTERISTICHE">CREA IL TUO PREVENTIVO</a>
                                <a class="btn home-btn wow fadeInLeft" href="#VIDEO">VIDEO</a>
                                <a class="btn home-btn wow fadeInLeft" href="#FOTO">FOTO</a>
                                <a class="btn home-btn wow fadeInLeft" href="#DOWNLOAD">DOWNLOAD</a>
                                <a class="tuor btn wow fadeInRight" href="#PREVENTIVO">VAI <i class="fa fa-angle-down"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-md-offset-1 col-sm-4">
                        <div class="home-iphone">
                            <img src="images/nastri-trasportatori-edilizia.png" alt="nastro trasporto macerie edilveyor in varie lunghezze"> <!--imm.chiara alto dx - forse si può INGRANDIRE: non è colpa tua se si allarga pag su cell-->
                       </div>
                    </div>
                </div>
            </div>
        </div>


Of course, you should keep a copy of them just in case you
are unhappy with the result and wish to replace them.

coothead


Hi @coothead tnx for your time, i've tryed with your mode but result LIKE THIS https://www.nastri-trasportatori.net/Offert...0edilveyor.html
Not 100% like i would want ... but joining your suggestion + @pandy suggestion, i've reached this target: https://www.nastri-trasportatori.net/videomenu.html

Not bad , really not bad smile.gif I've reached 95% of my target ...
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
calmabubbasst
post Feb 11 2023, 10:19 AM
Post #7


Member
***

Group: Members
Posts: 39
Joined: 20-July 22
Member No.: 28,449



...but ... could you help me to reach the 100% ? smile.gif

- How to have the logo image (logo-piccolo.png) aligned with the MENU?
- How to have logo and menu centered with "X" and "Y" with same measure?
IPB Image

- How to have colums wide till "A" and till "B"?
IPB Image

- How to have the foot of https://www.nastri-trasportatori.net/videomenu.html wide all page like the footer of https://www.nastri-trasportatori.net/menu-semplice.html ? (i've copied code but nothing append .. - where is the trick?
IPB Image

If possible, i love if you guide me step by step like i was a 3 years old child, with 4 separated solutions smile.gif

^__^
Waintg for your kind help

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Feb 13 2023, 04:04 AM
Post #8


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



I don't understand. The logo looks aligned to me.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 29th March 2024 - 03:11 AM