Remove Ad, Sign Up
Register to Remove Ad
Register to Remove Ad
Remove Ad, Sign Up
Register to Remove Ad
Register to Remove Ad
Signup for Free!
-More Features-
-Far Less Ads-
About   Users   Help
Users & Guests Online
On Page: 1
Directory: 18
Entire Site: 2 & 239
Page Staff: pokemon x, pennylessz, Barathemos,
10-05-22 02:22 PM

Thread Information

Views
11,550
Replies
95
Rating
1
Status
OPEN STICKY
Thread
Creator
septembern
04-24-10 04:01 PM
Last
Post
pennylessz
01-01-20 07:12 PM
Additional Thread Details
Views: 3,986
Today: 0
Users: 13 unique
Last User View
08-20-21
Allysa8th

Thread Actions

Order
Posts


<<
5 Pages
>>
 

Official HTML/CSS and Javascript thread

 

03-18-12 01:03 AM
WarpStarFerret is Offline
| ID: 552002 | 146 Words

WarpStarFerret
Level: 117


POSTS: 3423/4145
POST EXP: 166518
LVL EXP: 17500955
CP: 342.0
VIZ: 87793

Likes: 0  Dislikes: 0
Lazlo Falconi : Thank you. That answers most of my questions. I had it about 60% figured out (so I was able to see what was missing a little easier), but I was missing the fact that I needed to stretch the part that the text was supposed to go in across to the sig and close that tag there.

This is the (very) basic layout I made with multiple tables--I'm only using basic colors right now, but now that I have a base code I can put in pics easily. The red table in the left is a placeholder for now... I actually want it to stick to the bottom of that table, but I couldn't get it to budge for whatever reason. I had all the tags closed, so I just left it there for now. I can figure that part out later. Thanks again!
Lazlo Falconi : Thank you. That answers most of my questions. I had it about 60% figured out (so I was able to see what was missing a little easier), but I was missing the fact that I needed to stretch the part that the text was supposed to go in across to the sig and close that tag there.

This is the (very) basic layout I made with multiple tables--I'm only using basic colors right now, but now that I have a base code I can put in pics easily. The red table in the left is a placeholder for now... I actually want it to stick to the bottom of that table, but I couldn't get it to budge for whatever reason. I had all the tags closed, so I just left it there for now. I can figure that part out later. Thanks again!
Vizzed Elite
2nd Place Feb. '11 VCS Hit OPS on 1-28-11 (340 posts) Hit Ravering 2-2-11 (547) Ravering+ on 6-25-11 (2601 posts) Hit Veneeval 3-24-12 (3765 posts)


Affected by 'Laziness Syndrome'

Registered: 12-26-10
Last Post: 2265 days
Last Active: 2265 days

Related Content

Content Coming Soon

04-08-12 07:34 PM
BNuge is Offline
| ID: 564321 | 288 Words

BNuge
Level: 135


POSTS: 4893/5714
POST EXP: 365399
LVL EXP: 29105517
CP: 14308.5
VIZ: 1493262

Likes: 0  Dislikes: 0
Get ready for a big post yall (very sorry for this).

Lazlo Falconi :
the_casualty :

I'm going to test your HTML knowledge. Testing Lazlo because he seems to know a lot and testing cassy because he has an Ask Anything. And by "testing," I mean "asking for help because I'm not sure if this is possible." I'm willing to toss in some CSS if that's necessary. I'm using my previous layout just because it's already coded properly.

This one is ugly when it tiles-










Blarg
































Blarg
VPFC Rank: Archie
^ LOOK UP! ^
^ IT'S A LINK IN BLUE! ^







This one scrolls instead of tiling-




But look what happens when the scrolling one doesn't have to scroll-

Edit by Lazlo: Use this one:


So here's the question. Is there any way for me to set a layout so that it starts out small (I usually set the minimum at 500px) and switches to scrolling after it stretches a certain amount? To rephrase. I want it to stretch as the post gets longer, but once it reaches the point where it would start tiling, it switches to scrolling. Not having that feature is the one part of these layouts that I don't like.
Get ready for a big post yall (very sorry for this).

Lazlo Falconi :
the_casualty :

I'm going to test your HTML knowledge. Testing Lazlo because he seems to know a lot and testing cassy because he has an Ask Anything. And by "testing," I mean "asking for help because I'm not sure if this is possible." I'm willing to toss in some CSS if that's necessary. I'm using my previous layout just because it's already coded properly.

This one is ugly when it tiles-










Blarg
































Blarg
VPFC Rank: Archie
^ LOOK UP! ^
^ IT'S A LINK IN BLUE! ^







This one scrolls instead of tiling-




But look what happens when the scrolling one doesn't have to scroll-

Edit by Lazlo: Use this one:


So here's the question. Is there any way for me to set a layout so that it starts out small (I usually set the minimum at 500px) and switches to scrolling after it stretches a certain amount? To rephrase. I want it to stretch as the post gets longer, but once it reaches the point where it would start tiling, it switches to scrolling. Not having that feature is the one part of these layouts that I don't like.
Vizzed Elite
Third Place in Feb 2011 VCS Achieved Ravering Syndrome + on Jan 6, 2012


Affected by 'Laziness Syndrome'

Registered: 04-30-10
Location: Northeast US
Last Post: 651 days
Last Active: 223 days

(edited by Lazlo Falconi on 04-10-12 07:39 PM)    

04-09-12 08:00 PM
Lazlo Falconi is Offline
| ID: 564898 | 35 Words

Lazlo Falconi
Level: 97


POSTS: 1136/2750
POST EXP: 199963
LVL EXP: 9033176
CP: 3100.7
VIZ: 181954

Likes: 0  Dislikes: 0
BNuge : style="min-height: 500px; max-height: 1000px; overflow: scroll;"

Obviously you would change out the numbers for whatever looks good, oh yeah, and that goes in the LAST container. Whatever is the last object in the header.
BNuge : style="min-height: 500px; max-height: 1000px; overflow: scroll;"

Obviously you would change out the numbers for whatever looks good, oh yeah, and that goes in the LAST container. Whatever is the last object in the header.
Vizzed Elite
The Shake Zula


Affected by 'Laziness Syndrome'

Registered: 01-07-12
Location: Cartoon Hell
Last Post: 841 days
Last Active: 715 days

04-09-12 11:42 PM
BNuge is Offline
| ID: 565008 | 41 Words

BNuge
Level: 135


POSTS: 4895/5714
POST EXP: 365399
LVL EXP: 29105517
CP: 14308.5
VIZ: 1493262

Likes: 0  Dislikes: 0
Lazlo Falconi :

I use a series of div tags. You're a mod of this forum, so you can click to Edit my post if you want to just check the code yourself and let me know where that code would go.
Lazlo Falconi :

I use a series of div tags. You're a mod of this forum, so you can click to Edit my post if you want to just check the code yourself and let me know where that code would go.
Vizzed Elite
Third Place in Feb 2011 VCS Achieved Ravering Syndrome + on Jan 6, 2012


Affected by 'Laziness Syndrome'

Registered: 04-30-10
Location: Northeast US
Last Post: 651 days
Last Active: 223 days

04-10-12 07:40 PM
Lazlo Falconi is Offline
| ID: 565515 | 76 Words

Lazlo Falconi
Level: 97


POSTS: 1153/2750
POST EXP: 199963
LVL EXP: 9033176
CP: 3100.7
VIZ: 181954

Likes: 0  Dislikes: 0
BNuge : Well I've edited your post a couple times to try getting it right and I can see why you were having trouble with it. You specify far too many heights, and I'll have to go through it and try to figure out where they all are and how to get things to display properly, which I don't really have time to do right now, sorry. I'll try to make time for it this weekend, though.
BNuge : Well I've edited your post a couple times to try getting it right and I can see why you were having trouble with it. You specify far too many heights, and I'll have to go through it and try to figure out where they all are and how to get things to display properly, which I don't really have time to do right now, sorry. I'll try to make time for it this weekend, though.
Vizzed Elite
The Shake Zula


Affected by 'Laziness Syndrome'

Registered: 01-07-12
Location: Cartoon Hell
Last Post: 841 days
Last Active: 715 days

04-11-12 10:04 AM
soxfan849 is Offline
| ID: 565945 | 274 Words

soxfan849
Level: 75


POSTS: 449/1490
POST EXP: 106261
LVL EXP: 3765630
CP: 5154.6
VIZ: 218780

Likes: 0  Dislikes: 0
BNuge :

I have some advice, and maybe I can help you a little bit. But it looks like you used a couple divs and a table. Tables shouldn't be used for layouts at all, because they're insanely hard to work with and you can do everything with divs that you can with a table (tables make presenting tabular data easier, and that's really what they're supposed to be used for).

Anyway, this is only a crude attempt at recreating your layout sort of. I took your first two divs and combined them into one, since you don't need different elements to change the background image and color. Then I used a div for the actual text box. You should be able to move it around easily and get a better idea of what to do with this, than you would from your own code, though. And to make it easier to see what your changes do exactly, you could add borders to your divs.

That was just some advice I have. I think it should help a lot. The reason I never knew how to make layouts on here before was that everyone who had showed me their code had been using nested tables. So I assume this might help you. Sorry if it doesn't, but here's what I came up with.

A couple things to note: At the moment your layout doesn't expand with the text box. You'll see that when you try to expand the text. I'm not sure how to fix this right now and I have to go to class. But I can check it out when I get out.
BNuge :

I have some advice, and maybe I can help you a little bit. But it looks like you used a couple divs and a table. Tables shouldn't be used for layouts at all, because they're insanely hard to work with and you can do everything with divs that you can with a table (tables make presenting tabular data easier, and that's really what they're supposed to be used for).

Anyway, this is only a crude attempt at recreating your layout sort of. I took your first two divs and combined them into one, since you don't need different elements to change the background image and color. Then I used a div for the actual text box. You should be able to move it around easily and get a better idea of what to do with this, than you would from your own code, though. And to make it easier to see what your changes do exactly, you could add borders to your divs.

That was just some advice I have. I think it should help a lot. The reason I never knew how to make layouts on here before was that everyone who had showed me their code had been using nested tables. So I assume this might help you. Sorry if it doesn't, but here's what I came up with.

A couple things to note: At the moment your layout doesn't expand with the text box. You'll see that when you try to expand the text. I'm not sure how to fix this right now and I have to go to class. But I can check it out when I get out.
Vizzed Elite
The Reaper


Affected by 'Laziness Syndrome'

Registered: 01-09-11
Location: soxfan849
Last Post: 2150 days
Last Active: 1987 days

04-17-12 03:53 PM
gtwalq is Offline
| ID: 569270 | 195 Words

gtwalq
Level: 74


POSTS: 1213/1365
POST EXP: 64694
LVL EXP: 3567790
CP: 514.1
VIZ: 70779

Likes: 0  Dislikes: 0
I made a thread about this but Requiemhaunt suggesting posting it here..

Im reviving my guffsworld website and Instead of just developing one style of site, im developing two.. mostly so I have a choice but on the off-chance If I can combine the both in the end; it may turn out better.  Im stuck on developing my second style....

I have a very very limited knowledge of html and I need some help.  Im having a standard Index with news and links (links to other sections of the site like emulators, roms, downloads etc..) and when someone clicks on a link I want it to open in a new window which is fixed at say 700x700.  This is my first bit of coding I need help on.  

The second is when these windows open, I want a transparent text box which has a scroll bar on the side; in the middle of this new fixed window.  Basically I want to have the fixed window display everything without having to scroll down the entire window.  

Im going for a graphics-strong approach with this site as you may have gathered.  Any help is greatly appreciated, thank-you.  
I made a thread about this but Requiemhaunt suggesting posting it here..

Im reviving my guffsworld website and Instead of just developing one style of site, im developing two.. mostly so I have a choice but on the off-chance If I can combine the both in the end; it may turn out better.  Im stuck on developing my second style....

I have a very very limited knowledge of html and I need some help.  Im having a standard Index with news and links (links to other sections of the site like emulators, roms, downloads etc..) and when someone clicks on a link I want it to open in a new window which is fixed at say 700x700.  This is my first bit of coding I need help on.  

The second is when these windows open, I want a transparent text box which has a scroll bar on the side; in the middle of this new fixed window.  Basically I want to have the fixed window display everything without having to scroll down the entire window.  

Im going for a graphics-strong approach with this site as you may have gathered.  Any help is greatly appreciated, thank-you.  
Vizzed Elite

Affected by 'Laziness Syndrome'

Registered: 01-21-09
Location: Australia
Last Post: 2019 days
Last Active: 240 days

04-18-12 10:03 PM
Lazlo Falconi is Offline
| ID: 570099 | 31 Words

Lazlo Falconi
Level: 97


POSTS: 1225/2750
POST EXP: 199963
LVL EXP: 9033176
CP: 3100.7
VIZ: 181954

Likes: 0  Dislikes: 0
gtwalq : I'm having a bit of trouble picturing what you want done with the 700x700 window. Could you do an MS Paint mockup real quick, just so I could understand better?
gtwalq : I'm having a bit of trouble picturing what you want done with the 700x700 window. Could you do an MS Paint mockup real quick, just so I could understand better?
Vizzed Elite
The Shake Zula


Affected by 'Laziness Syndrome'

Registered: 01-07-12
Location: Cartoon Hell
Last Post: 841 days
Last Active: 715 days

04-19-12 04:42 AM
gtwalq is Offline
| ID: 570196 | 15 Words

gtwalq
Level: 74


POSTS: 1222/1365
POST EXP: 64694
LVL EXP: 3567790
CP: 514.1
VIZ: 70779

Likes: 0  Dislikes: 0
Lazlo Falconi : Here is a quick  mock-up Ive done in photoshop for an example..

https://www.vizzed.com/boards/upload/files/siteexample.jpg
Lazlo Falconi : Here is a quick  mock-up Ive done in photoshop for an example..

https://www.vizzed.com/boards/upload/files/siteexample.jpg
Vizzed Elite

Affected by 'Laziness Syndrome'

Registered: 01-21-09
Location: Australia
Last Post: 2019 days
Last Active: 240 days

04-19-12 04:49 AM
MasterDash is Offline
| ID: 570197 | 6 Words

MasterDash
Level: 42


POSTS: 149/412
POST EXP: 10891
LVL EXP: 519795
CP: 5.2
VIZ: 32586

Likes: 0  Dislikes: 0
YAY!!!! Time to scroll the forum
YAY!!!! Time to scroll the forum
Member
The Last Demon


Affected by 'Laziness Syndrome'

Registered: 03-08-12
Location: Lestainocrus
Last Post: 3681 days
Last Active: 3495 days

04-19-12 02:22 PM
Lazlo Falconi is Offline
| ID: 570376 | 96 Words

Lazlo Falconi
Level: 97


POSTS: 1227/2750
POST EXP: 199963
LVL EXP: 9033176
CP: 3100.7
VIZ: 181954

Likes: 0  Dislikes: 0
gtwalq : For getting it to open at that size, I'm not sure, it's some javascript that you'll have to look up, but it isn't difficult. As for making the actual body of the site...






Site Title



Index link



Page Title




Text Text Text






You may have to change the width, height and margins a bit to get them to all fit right, but the main thing you want is overflow: auto;
gtwalq : For getting it to open at that size, I'm not sure, it's some javascript that you'll have to look up, but it isn't difficult. As for making the actual body of the site...






Site Title



Index link



Page Title




Text Text Text






You may have to change the width, height and margins a bit to get them to all fit right, but the main thing you want is overflow: auto;
Vizzed Elite
The Shake Zula


Affected by 'Laziness Syndrome'

Registered: 01-07-12
Location: Cartoon Hell
Last Post: 841 days
Last Active: 715 days

04-19-12 03:03 PM
gtwalq is Offline
| ID: 570402 | 22 Words

gtwalq
Level: 74


POSTS: 1224/1365
POST EXP: 64694
LVL EXP: 3567790
CP: 514.1
VIZ: 70779

Likes: 0  Dislikes: 0
Lazlo Falconi : Thanks heaps Lazlo!  Ill look into the window opening at a fixed size on google.. might get lucky and fine something. 
Lazlo Falconi : Thanks heaps Lazlo!  Ill look into the window opening at a fixed size on google.. might get lucky and fine something. 
Vizzed Elite

Affected by 'Laziness Syndrome'

Registered: 01-21-09
Location: Australia
Last Post: 2019 days
Last Active: 240 days

04-19-12 10:05 PM
Lazlo Falconi is Offline
| ID: 570662 | 38 Words

Lazlo Falconi
Level: 97


POSTS: 1232/2750
POST EXP: 199963
LVL EXP: 9033176
CP: 3100.7
VIZ: 181954

Likes: 0  Dislikes: 0
jtwalq: Actually, I think this may be what you're looking for. In the body tag, add this code
onload="changeScreenSize(500,300)"

This should make the page resize automatically when loaded. So your body tag should look like this:
jtwalq: Actually, I think this may be what you're looking for. In the body tag, add this code
onload="changeScreenSize(500,300)"

This should make the page resize automatically when loaded. So your body tag should look like this:
Vizzed Elite
The Shake Zula


Affected by 'Laziness Syndrome'

Registered: 01-07-12
Location: Cartoon Hell
Last Post: 841 days
Last Active: 715 days

05-30-12 08:16 PM
hackerman is Offline
| ID: 592208 | 42 Words

hackerman
Level: 128


POSTS: 5086/5147
POST EXP: 140083
LVL EXP: 24369065
CP: 1108.9
VIZ: 9318

Likes: 0  Dislikes: 0
I have a quick question regarding CSS on profiles.

What code would I have to post on my bio to add a background picture?

I've actually tried my old code which doesn't really work anymore, that or I'm just missing something =P
I have a quick question regarding CSS on profiles.

What code would I have to post on my bio to add a background picture?

I've actually tried my old code which doesn't really work anymore, that or I'm just missing something =P
Vizzed Elite
2nd Place In The June 2011 VCS 7th Place In the July 2011 VCS


Affected by 'Laziness Syndrome'

Registered: 11-02-10
Last Post: 3704 days
Last Active: 2033 days

05-30-12 08:27 PM
Lazlo Falconi is Offline
| ID: 592221 | 84 Words

Lazlo Falconi
Level: 97


POSTS: 1429/2750
POST EXP: 199963
LVL EXP: 9033176
CP: 3100.7
VIZ: 181954

Likes: 0  Dislikes: 0
hackerman : In your bio, add the following:





I've added how to change your links too, since I know that was going to be your next question. Replaced HEXHEX with the Hexadecimal value of the color you want (Not too important for background, but it should be similar to your images color.

You can also add a:hover, a:active, and a:visited in the same style as the regular a tag.
hackerman : In your bio, add the following:





I've added how to change your links too, since I know that was going to be your next question. Replaced HEXHEX with the Hexadecimal value of the color you want (Not too important for background, but it should be similar to your images color.

You can also add a:hover, a:active, and a:visited in the same style as the regular a tag.
Vizzed Elite
The Shake Zula


Affected by 'Laziness Syndrome'

Registered: 01-07-12
Location: Cartoon Hell
Last Post: 841 days
Last Active: 715 days

05-30-12 08:33 PM
hackerman is Offline
| ID: 592231 | 47 Words

hackerman
Level: 128


POSTS: 5088/5147
POST EXP: 140083
LVL EXP: 24369065
CP: 1108.9
VIZ: 9318

Likes: 0  Dislikes: 0
Lazlo Falconi : Thanks for that (btw I already knew the hex value thing )

One more question would this be the proper way of changing link colors on the page?

{
alink="hexhex">
{

Because I also want to know how to control which link color i'm changing.
Lazlo Falconi : Thanks for that (btw I already knew the hex value thing )

One more question would this be the proper way of changing link colors on the page?

{
alink="hexhex">
{

Because I also want to know how to control which link color i'm changing.
Vizzed Elite
2nd Place In The June 2011 VCS 7th Place In the July 2011 VCS


Affected by 'Laziness Syndrome'

Registered: 11-02-10
Last Post: 3704 days
Last Active: 2033 days

05-30-12 08:39 PM
Lazlo Falconi is Offline
| ID: 592239 | 94 Words

Lazlo Falconi
Level: 97


POSTS: 1431/2750
POST EXP: 199963
LVL EXP: 9033176
CP: 3100.7
VIZ: 181954

Likes: 0  Dislikes: 0
hackerman : No, just doing

a { color: #HEXHEX; } will change all of them. Remember that you need the number sign before your color-code. alink isn't anything, I think you're getting a (All anchor tags) and a:hover (et al) confused. If you want to change a single link, you need to write the tag (This means this won't work for profile links--they're all or nothing) http://url" style="color:#HEXHEX;">This is a link

But again, this won't let you change the links that already appear on your profile, they all have to have the same color.
hackerman : No, just doing

a { color: #HEXHEX; } will change all of them. Remember that you need the number sign before your color-code. alink isn't anything, I think you're getting a (All anchor tags) and a:hover (et al) confused. If you want to change a single link, you need to write the tag (This means this won't work for profile links--they're all or nothing) http://url" style="color:#HEXHEX;">This is a link

But again, this won't let you change the links that already appear on your profile, they all have to have the same color.
Vizzed Elite
The Shake Zula


Affected by 'Laziness Syndrome'

Registered: 01-07-12
Location: Cartoon Hell
Last Post: 841 days
Last Active: 715 days

05-31-12 06:57 AM
hackerman is Offline
| ID: 592381 | 46 Words

hackerman
Level: 128


POSTS: 5090/5147
POST EXP: 140083
LVL EXP: 24369065
CP: 1108.9
VIZ: 9318

Likes: 0  Dislikes: 0
Lazlo Falconi : Okay so I did what you told me to.







But when I actually do it nothing shows up on my profile. I'm not sure what else to do.
Lazlo Falconi : Okay so I did what you told me to.







But when I actually do it nothing shows up on my profile. I'm not sure what else to do.
Vizzed Elite
2nd Place In The June 2011 VCS 7th Place In the July 2011 VCS


Affected by 'Laziness Syndrome'

Registered: 11-02-10
Last Post: 3704 days
Last Active: 2033 days

05-31-12 08:22 PM
Lazlo Falconi is Offline
| ID: 592869 | 83 Words

Lazlo Falconi
Level: 97


POSTS: 1432/2750
POST EXP: 199963
LVL EXP: 9033176
CP: 3100.7
VIZ: 181954

Likes: 0  Dislikes: 0
Okay, you have to change #HEXHEX to the color of your choice. Clicke here and choose your color, then copy your the number that appears at the top and paste it over HEXHEX (Leave the # sign). Then upload an image that you want to use as the background, and copy the URL that it gives you. Replace http://url with that (But leave the 'quote marks').

Also, your "a" code is messed up, it needs to have a semicolon ( after color: #HEXHEX;
Okay, you have to change #HEXHEX to the color of your choice. Clicke here and choose your color, then copy your the number that appears at the top and paste it over HEXHEX (Leave the # sign). Then upload an image that you want to use as the background, and copy the URL that it gives you. Replace http://url with that (But leave the 'quote marks').

Also, your "a" code is messed up, it needs to have a semicolon ( after color: #HEXHEX;
Vizzed Elite
The Shake Zula


Affected by 'Laziness Syndrome'

Registered: 01-07-12
Location: Cartoon Hell
Last Post: 841 days
Last Active: 715 days

06-30-12 10:58 PM
starwars293 is Offline
| ID: 609393 | 76 Words

starwars293
Level: 107


POSTS: 2554/3425
POST EXP: 104399
LVL EXP: 12823189
CP: 3097.2
VIZ: 139607

Likes: 0  Dislikes: 0
I need help for one thing. Sorry for bumping this thread though, but I can't add the textbox in. I followed sox's guide, I got the background right, I did have to make it around 50 percent thought because the picture I used took up too much space. I tried adding the textbox in. All it gave me was the box and the font inside it. An suggestions?

soxfan849 : Thought you might want to see this
I need help for one thing. Sorry for bumping this thread though, but I can't add the textbox in. I followed sox's guide, I got the background right, I did have to make it around 50 percent thought because the picture I used took up too much space. I tried adding the textbox in. All it gave me was the box and the font inside it. An suggestions?

soxfan849 : Thought you might want to see this
Trusted Member

Affected by 'Laziness Syndrome'

Registered: 07-22-11
Location: Canada
Last Post: 2239 days
Last Active: 685 days

Links

Adblocker detected!

Vizzed.com is very expensive to keep alive! The Ads pay for the servers.

Vizzed has 3 TB worth of games and 1 TB worth of music.  This site is free to use but the ads barely pay for the monthly server fees.  If too many more people use ad block, the site cannot survive.

We prioritize the community over the site profits.  This is why we avoid using annoying (but high paying) ads like most other sites which include popups, obnoxious sounds and animations, malware, and other forms of intrusiveness.  We'll do our part to never resort to these types of ads, please do your part by helping support this site by adding Vizzed.com to your ad blocking whitelist.

×