What's new
By:

🔒 Closed Sa mga master sa webdev diyan pahelp naman po, pano po ihide yung header logo sa isang specific na page

Status
Not open for further replies.
J

jonbinsdesu

Honorary Poster
1651386809369.webp
Eto po yung header ko ang balak ko po sana ay i hide yang logo pag nasa home siya na section kasi redundant po kasi siya tignan pero mag aappear sa ibang section when opening video, gameplay and so on ano po ba ang dapat kong isearch or baka po pwedeng makahingi ng sample
 
best way dyan lods is kung may specific class ka sa home. Ex.

HTML: 
<body class="home">
    ....   
</body>

Then gamit ang css, i-hide mo sya pag nasa home.


CSS: 
.home .logo {
    display: none;
}

.logo is yung class ng logo mo. make sure na yung .home is dynamically appearing lang specific sa homepage.
 
d3nzky said:
best way dyan lods is kung may specific class ka sa home. Ex.

HTML: 
<body class="home">
    .... 
</body>

Then gamit ang css, i-hide mo sya pag nasa home.


CSS: 
.home .logo {
    display: none;
}

.logo is yung class ng logo mo. make sure na yung .home is dynamically appearing lang specific sa homepage.
Click to expand...
same lang din ba kung ganito yung code ko lods?1651388165639.webp
 
d3nzky said:
CSS: 
.home .logo-header {
    display: none;

[/QUOTE]
[QUOTE="d3nzky, post: 22860777, member: 1471621"]
}
Click to expand...
ginawa ko po sinabi mo lods pag nasa home nasa header parin po yung logo hehehe
code ko sa header po
1651389103927.png
code ko sa home sir
1651388974154.png
yung sinabi mo sir
1651388919696.png
 
Anong framework yan? Pwede ata i-JavaScript yan. Kapag nag eexist yang Homepage banner, i-seset mo nalang opacity or display attribute.
 
jonbinsdesu said:
ginawa ko po sinabi mo lods pag nasa home nasa header parin po yung logo hehehe
code ko sa header po
View attachment 1921482
code ko sa home sir
View attachment 1921481
yung sinabi mo sir
View attachment 1921480
Click to expand...
Hindi
Code: 
.about-section .logo-header
lods.

Yung source code mo pang homepage (index.html o index.php), maglagay ka ng CLASS na home sa body tag. Ex:

HTML: 
<body class="home">
    ....
</body>

Then, select mo yung logo sa CSS. ex:

CSS: 
.home .logo-header {
    display: none;
}

Easy lang yan lods, di mo need ng programming dyan like Javascript. Kung di mo ma fix, PM mo sakin yung development URL mo, 5mins tapos yan yan. hehe
 
Red-Eyed XaXa said:
Gawan mo lang ng condition sa JavaScript yan. Kapag nasa Top section nung Homepage lang siya mag eexist.
Pwede mo search to, Same logic lang: "show/hide div on scroll position javascript".
Click to expand...
Yan din naisip ko. Kung gagamitan sya ng angular madali lang. Pwede kasi dun sa condition nya pag nasa route sya ng homepage maghihide yung top section.
 
Status
Not open for further replies.

About this Thread

  • 12
    Replies
  • 1K
    Views
  • 6
    Participants
Last reply from:
eugxx

New Topics

Trending Topics

Online now

Members online
1,260
Guests online
4,266
Total visitors
5,526

Forum statistics

Threads
2,308,767
Posts
29,186,977
Members
1,191,200
Latest member
Rolo
Back
Top