What's new
By:

🔒 Closed Screen zoom and navbar html

Status
Not open for further replies.
badswagger said:
hahha wait papakita ko sayo sir para maniwala ka k

ahit tangalit ku payan wala parin kwenta yan hahahha
Click to expand...
sir masisra po ung gwa nyu, may mga styles ka po na ginamit mula sa bootstrap. kng ako sayo sir try mo muna mag bootstrap for beginners, mas mapapadali mga projects mo
 
JackFrost10 said:
sir masisra po ung gwa nyu, may mga styles ka po na ginamit mula sa bootstrap. kng ako sayo sir try mo muna mag bootstrap for beginners, mas mapapadali mga projects mo
Click to expand...
nilagay ku yan para di na ako mag lalagay ng sa css ko ng
text-decoration:none at list-tyle:none para di na masyadong mahaba ang css ko .. lalo na sa navi bar ko kc humamit ako ng list type kaya sure na lalabas yung bullet dun at sa <a> naman sure lalabas ang decoration line sa baba kaya para di na ako mag lalagay ng codes na text-decoration:none at list-tyle:none yan na lang copy pase ko at my font pa na kasama:)
 
JackFrost10 said:
sir masisra po ung gwa nyu, may mga styles ka po na ginamit mula sa bootstrap. kng ako sayo sir try mo muna mag bootstrap for beginners, mas mapapadali mga projects mo
Click to expand...
pero if ever po na ginamit ku talaga yung buong bootstrap sure ball po na ma wawasak ang boong page... ?
 
ign0ranc3 said:
Not a good answer, why not suggest a current fix for his code, instead suggesting a framework. This will create a confusion for TS.
Click to expand...
actually sir andyan na sa bootstrap ang fix. same concept lng din gagawa sya ng class para maging responsive ang image which bootstrap already offers, hindi na nya kilangan mag search ng mga sizes ng devices.
 
badswagger

You could try these instead, from your Desktop view, make sure to targen all img tag and place a 100% with for example:

Code: 
img{
    width: 100%;
}

For your #upper-logo you may use these rules below:

Code: 
.hold-first-logo #upper-logo{
    max-height: 300px;
    width: 100%;
}

remove position: absolute and fix height then change it to max-height. You should have a responsive image as shown below:

For large screen:
MWG48U.webp

For small screen:
Rcz0hF.webp

For media queries breakpoints, you can use these instead:

Code: 
// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

I hope this will help.
 
ang bootstrap at for advance user lang at kapag alam mo ang proper name para sa id at class
since beginner pa lang si ts mas maganda ibigay lang ang code para maayos ang problema niya.

ts dagdag na din para mawala yung branding ng hosting site
alisin mo nalang yung asterisk
Code: 
img[alt="www.000*webhost.com"] {
  display:none;
}
 
ign0ranc3 said:
badswagger

You could try these instead, from your Desktop view, make sure to targen all img tag and place a 100% with for example:

Code: 
img{
    width: 100%;
}

For your #upper-logo you may use these rules below:

Code: 
.hold-first-logo #upper-logo{
    max-height: 300px;
    width: 100%;
}

remove position: absolute and fix height then change it to max-height. You should have a responsive image as shown below:

For large screen:
MWG48U.webp

For small screen:
Rcz0hF.webp

For media queries breakpoints, you can use these instead:

Code: 
// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

I hope this will help.
Click to expand...
Very helpfull thank you so much dude this is what i trying to find and to f
ign0ranc3 said:
badswagger

You could try these instead, from your Desktop view, make sure to targen all img tag and place a 100% with for example:

Code: 
img{
    width: 100%;
}

For your #upper-logo you may use these rules below:

Code: 
.hold-first-logo #upper-logo{
    max-height: 300px;
    width: 100%;
}

remove position: absolute and fix height then change it to max-height. You should have a responsive image as shown below:

For large screen:
MWG48U.webp

For small screen:
Rcz0hF.webp

For media queries breakpoints, you can use these instead:

Code: 
// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

I hope this will help.
Click to expand...
Wow dude thank you so much for a nice responds this is what im trying to look , i need codes not a build in from bootstrap .. thank you so much i commend you dude.
 
donteatmeat said:
ang bootstrap at for advance user lang at kapag alam mo ang proper name para sa id at class
since beginner pa lang si ts mas maganda ibigay lang ang code para maayos ang problema niya.

ts dagdag na din para mawala yung branding ng hosting site
alisin mo nalang yung asterisk
Code: 
img[alt="www.000*webhost.com"] {
  display:none;
}
Click to expand...
thank you brow ...
bagong ka alaman nanaman ...
 
donteatmeat said:
ang bootstrap at for advance user lang at kapag alam mo ang proper name para sa id at class
since beginner pa lang si ts mas maganda ibigay lang ang code para maayos ang problema niya.

ts dagdag na din para mawala yung branding ng hosting site
alisin mo nalang yung asterisk
Code: 
img[alt="www.000*webhost.com"] {
  display:none;
}
Click to expand...
donteatmeat said:
ang bootstrap at for advance user lang at kapag alam mo ang proper name para sa id at class
since beginner pa lang si ts mas maganda ibigay lang ang code para maayos ang problema niya.

ts dagdag na din para mawala yung branding ng hosting site
alisin mo nalang yung asterisk
Code: 
img[alt="www.000*webhost.com"] {
  display:none;
}
Click to expand...
possible rin bang ma change ang link ng http? tang galin ang 000web?
 
tapos register ka sa freenom.com mag park domain ka. para hindi mo na tinatype yung pagka haba haba ng address ng webhost.

aralin mo paano magconnect.

yoursite.phc.onl/#forbidden# > yoursite.ga or yoursite.xx walang .com kung gusto mo .com magbabayad ka.
 
Status
Not open for further replies.

About this Thread

  • 43
    Replies
  • 2K
    Views
  • 6
    Participants
Last reply from:
watawep23

New Topics

Trending Topics

Online now

Members online
1,187
Guests online
2,271
Total visitors
3,458

Forum statistics

Threads
2,275,924
Posts
28,966,592
Members
1,231,984
Latest member
tarubnabaluktot
Back
Top