Style Sheet Plus Solutions - Thread Relocated

Is relocating the thread a hassle?

Yes. :<	30.0%	[ 3 ]
No. :>	40.0%	[ 4 ]
Apology for relocating not accepted. D:	30.0%	[ 3 ]
Total Votes:			[ 10 ]

This poll closed on December 18, 2012.
No longer accepting new votes.

[IMANOOT]

S u n n i e pea

Mkay cool. :3 I'll take a look at it and rework the code when I get home from my trip on saturday. ^^ Thank you. :3

Haha, you're welcome. I'm sure you can fix it. 3nodding

[Eien no Natsu]

This guide is amazing x)
OTL May I ask how I can add separate pictures/text into a v1 profile?

[IMANOOT]

Eien no Natsu

This guide is amazing x)
OTL May I ask how I can add separate pictures/text into a v1 profile?

What do you mean?

[ZeFluffyKitty]

Knight Yoshi

You can do anything you want in Current profiles just like Classic. Though Gaia has JS to keep the elements inside the columns, you can use CSS to move it around. I use a Current profile.

Note: Don't use display:none, when you save the profile, it acts like when you click the X.

I personally re-write all of the CSS Gaia has so that I don't have any complications in doing something, via removing the floats, paddings, and margins. 3nodding

Cool, I thought that with the columns there... I wouldn't be able to move stuffs around that much, like let's say do a five-pointed star layout (just an example). All I have to do is to keep everything inside their respective columns. Afterwards, I'll be able to re-size them and stuff via CSS, right?

Like this:
------------------------
|-----_----------------
|----|_|----.--___-----
|-------------|----|--
|--------_--.-|___|------
|-------|_|--------------
------------------------

If I wanted to do something like that (fail illustration above): I'll have to use 2 columns; Move and re-size each content area (red,green,blue box) using #id_x. I guess I have to test this out myself. But yeah, your input will be appreciated.

I'd probably try rewriting everything as a practice.

[IMANOOT]

ZeFluffyKitty

Knight Yoshi

You can do anything you want in Current profiles just like Classic. Though Gaia has JS to keep the elements inside the columns, you can use CSS to move it around. I use a Current profile.

Note: Don't use display:none, when you save the profile, it acts like when you click the X.

I personally re-write all of the CSS Gaia has so that I don't have any complications in doing something, via removing the floats, paddings, and margins. 3nodding

Cool, I thought that with the columns there... I wouldn't be able to move stuffs around that much, like let's say do a five-pointed star layout (just an example). All I have to do is to keep everything inside their respective columns. Afterwards, I'll be able to re-size them and stuff via CSS, right?

Like this:
------------------------
|-----_----------------
|----|_|----.--___-----
|-------------|----|--
|--------_--.-|___|------
|-------|_|--------------
------------------------

If I wanted to do something like that (fail illustration above): I'll have to use 2 columns; Move and re-size each content area (red,green,blue box) using #id_x. I guess I have to test this out myself. But yeah, your input will be appreciated.

I'd probably try rewriting everything as a practice.

You don't have to leave them in the columns, as I said, you can use CSS to move it outside of the column, however, I find this to be highly unorthodox. If you're gonna do that, just use one column, remove the other two, tell column_1 to have a width of 100% and move the elements around inside of that using position: relative.

[ZeFluffyKitty]

Knight Yoshi

You don't have to leave them in the columns, as I said, you can use CSS to move it outside of the column, however, I find this to be highly unorthodox. If you're gonna do that, just use one column, remove the other two, tell column_1 to have a width of 100% and move the elements around inside of that using position: relative.

I wanted to decrease the overall loading time of the background by slicing the image in half, that's why I planned on using 2 columns.

Thanks for tips~

[IMANOOT]

ZeFluffyKitty

Knight Yoshi

You don't have to leave them in the columns, as I said, you can use CSS to move it outside of the column, however, I find this to be highly unorthodox. If you're gonna do that, just use one column, remove the other two, tell column_1 to have a width of 100% and move the elements around inside of that using position: relative.

I wanted to decrease the overall loading time of the background by slicing the image in half, that's why I planned on using 2 columns.

Thanks for tips~

This is a bad idea. As well it won't decrease the time of the image to load, it'll take the same amount if not longer cause its now loading two images that are half the file size of the whole, so it has to load half of it then load another half.

If you want it to load a bit faster, post the image somewhere and let Gaia cache it, then use the cache URL.

[ZeFluffyKitty]

Knight Yoshi

This is a bad idea. As well it won't decrease the time of the image to load, it'll take the same amount if not longer cause its now loading two images that are half the file size of the whole, so it has to load half of it then load another half.

If you want it to load a bit faster, post the image somewhere and let Gaia cache it, then use the cache URL.

Whoa, all my web dev classes taught us that slicing up images will make the page load faster. I never really timed it since before but it had been my standard ever since. I slice up the image by sections, each one saved as either a jpg or a gif... a very tedious job. cat_sweatdrop

[coded101]

ZeFluffyKitty

Knight Yoshi

This is a bad idea. As well it won't decrease the time of the image to load, it'll take the same amount if not longer cause its now loading two images that are half the file size of the whole, so it has to load half of it then load another half.

If you want it to load a bit faster, post the image somewhere and let Gaia cache it, then use the cache URL.

Whoa, all my web dev classes taught us that slicing up images will make the page load faster. I never really timed it since before but it had been my standard ever since. I slice up the image by sections, each one saved as either a jpg or a gif... a very tedious job. cat_sweatdrop

Slicing up all images in a Web Dev is for cheap and inexperience developer. People who run porn sites slice up all the images cause they don't wanna pay for a good enough web developer. Slice up an image is okay for some things that are small but for whole web developments it's really really poor quality and looks really bad on a resume if you applying for a job at a company.

I suggest looking into a better development classes or read tutorials at NetTuts+.

Shamelessly formatted by GaiArch.

[ZeFluffyKitty]

coded101

Slicing up all images in a Web Dev is for cheap and inexperience developer. People who run porn sites slice up all the images cause they don't wanna pay for a good enough web developer. Slice up an image is okay for some things that are small but for whole web developments it's really really poor quality and looks really bad on a resume if you applying for a job at a company.

I suggest looking into a better development classes or read tutorials at NetTuts+.

Shamelessly formatted by GaiArch.

You said it yourself "Slice up an image is okay for some things that are small but for whole web developments it's really really poor quality". Personal pages, like a Gaia profile, are somewhat small so slicing is advisable. Professional pages are on a different level, having to meet what the client wants and doing so in the most efficient way.

Err, I dunno why I'm responding to this.. but yeah. cat_stare

[coded101]

ZeFluffyKitty

coded101

Slicing up all images in a Web Dev is for cheap and inexperience developer. People who run porn sites slice up all the images cause they don't wanna pay for a good enough web developer. Slice up an image is okay for some things that are small but for whole web developments it's really really poor quality and looks really bad on a resume if you applying for a job at a company.

I suggest looking into a better development classes or read tutorials at NetTuts+.

Shamelessly formatted by GaiArch.

You said it yourself "Slice up an image is okay for some things that are small but for whole web developments it's really really poor quality". Personal pages, like a Gaia profile, are somewhat small so slicing is advisable. Professional pages are on a different level, having to meet what the client wants and doing so in the most efficient way.

Err, I dunno why I'm responding to this.. but yeah. cat_stare

Still having to slice a whole "Design" for a gaiaonline page is bad. Yes it's a single page but still I was saying small as in a navigation or a widget, or something of the short. Not a whole page, unless it's like a promo page for like products which is okay. (NewEgg does it)

[DESlRE]

I got completely confused 0_0
I need like gaia profiles for dummies xDD
I don't know where to get these things..
Or even where I'd put them at :0
I thought it would be so much easier!
Lmaoo. Do you make them, and have people pay you?

[IMANOOT]

DESlRE

I got completely confused 0_0
I need like gaia profiles for dummies xDD
I don't know where to get these things..
Or even where I'd put them at :0
I thought it would be so much easier!
Lmaoo. Do you make them, and have people pay you?

Er.. Well I can make it, obviously. But I'm probably not the best person to ask for one, it would take forever to get completed. I have bigger projects I'm working on and college as well.. :T Have you tried look into a profile shop? I do believe those are located in the personalized graphics forum.

[CeceSaber]

What do you mean by "selector", I'm kinda confused on that one.

[IMANOOT]

Mizz Chopper

What do you mean by "selector", I'm kinda confused on that one.

A selector is what you use to target an element.
Selectors are, most commonly, ID tags which use the hash "#", class tags which use the dot ".", nodes what the element is, like links are anchors so their node is "a", same for un/ordered, "ol" or "ul". You can also use attribute selectors, but that's more advance.