lil_neko
Offline
Did the "visual aid" help you?
| Yes. |    |
85.9% | [ 1786 ] |
| No. | |
14.1% | [ 292 ] |
| Total Votes: | [ 2078 ] | ||
lil_neko
Offline
Elegant Death
Bleh I have encountered a few problems with my comments section I haven't been able to fix.
1. I've been trying to move the name link for the commentators to the right side of the comment, below the date bar. Sadly it won't move no matter what type of instructions I give it. I've tried text-align: right, margin-left and adding position: absolute. Nothing seems to make it move.
2. I'm having a similar problem like the one mentioned above with my add/view comment links. I haven't been able to move them to the right side of the page. I tried a few of the same ways stated above of moving them. They won't budge.
2. If I move the date bar any lower it will start to cover the message left by the commentator. >> I'm unsure what I can do to ensure it doesn't do that. Would padding help me?
Sorry for all the questions. They probably have a really obvious answer that's under my nose that I just can't see. XP <3
Have you tried text-align:right !important; ?
Try using that hack, but it's possible.
Here are possible solutions:
#comments .links {text-align:right;}
#comments .links {text-align:right !important;}
#comments .links a {text-align:right;}
#comments .links a {text-align:right !important;}
#comments .links {position:absolute;left:###px;}
As far as I remember, I never use margins to move links. It's always positioning with absolute. O___o
2) You'll have to position them. Don't use margins. O____o;; I tend to find using absolute to be a lot easier. So, do what I have mentioned above either:
#comments .links a {position:absolute;left:###px;top:###px;}
I hope that will do the trick. : 3
3) I really can't picture your problem. O____O That's just weird, but padding should help if it is covering your comments. Maybe layering will help? (I haven't mentioned it in this guide) I have never meddled with z-index (layering) but you should try padding. : 3
padding-bottom: ###px;
To be honest, I don't think I have the answer for that problem. O_____o
Sorry. >___>
lil_neko
Offline
Ben Pond
"If you find a reliable one, use it.
Please be reminded. Firefox doesn't support cursor imports. IE, however,
does.
: 3"
well am I the only one that see a cursor on this profile http://www.gaiaonline.com/profiles/?u=14755070
sorry if this counts as name dropping redface && 'm using FF.. surprised
So.... it is possible. xD I'll have to fix it, but it's not a good idea to steal bandwith from that person.
Elegant posted the code, but I'll have to study it further.
3nodding
Thank you for noting this development. I will make changes as I continue editing this guide.
It isn't by any means perfect. xDDD
lil_neko
Offline
lil_neko
Offline
Tatsu Kurai
thanks for the guide. not just the images, you explained it nicely as well. i actually understand it, unlike some other guides I've read where everything's all cluttered and messy. nice job! biggrin
I'm glad I have done my purpose well . whee
@GAKUGAKU BURUBURU :: Thank you for subscribing! <333 heart
Welll.... that's quite a difficult question to answer, but basically it goes like this.
Create an image that says "add comment" and "view comment"
You have to link those images to your comments like this:
To find the link for your comments you would have
to go to your view comments (in your case here: http://www.gaiaonline.com/profiles/?mode=comments&u=5592213 )
Right click on add comment > click on properties > copy the whole address that appears > paste that into the thing above.
[url=http://www.gaiaonline.com/profiles/?mode=addcomment&u=5592213][img]addcommentimage[/img][/url]
And you'll have to do the same thing with thew view comment thing.
Then you'll have to paste it into your about me section (the BBCODE).
Position that custom section with your theme box
and move it on top of where the regular comment links are located.
To remove the comment links, go to your theme box and paste this: #comments .links {display:none;} It gets rid of the links.
I'm sorry if this is not very in-depth. I'll make a misc. section for this. This is
just the "gist" of it. O_____o
Shenne Akirami
Offline
This REALLY is useful, Thanks to this I finish understanding the "comment" section xD
Thanks for your time and the guide =D
BTW, I have a question. What does the "padding" do?
Wishlist: Angelic Pendant - Angelic Scarf - Angelic Sash - Mini Angel Wings - Zony MP3 Player - Winged Anklets - Guitar of Angellus - Fairy Wings - Sno Yeti Pillow Plush - Winter Fox Mink - Solar Cloak -
Frostbite Blade - Fallen Wish - Dreamer's Dust - Angelbow - Prism Butterfly Mantilla - Kong Sang Scarf - Aquatica - Fairy Wings - Gift of the Goddess - Panda Plushie - Election 2008 Donkey Plushie - Panda Plushie - Gift of the Gods - Gift of the Goddess -
Water Trident - Elemental Wings - Blue Heartbreaker Jacket - White Heartbreaker Jacket - Antartic White Polyester Pants - Sora Furisode - Icemist Dragon Gown - Head Case - Otami Loinchloth - Blue Sorcerer's Book - Solar Headdress - Angelic Bracelet - All White and Blue Items!
x_AN0R3XIC
Offline
Let's Keep this Simple.
✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖
I scrolled through this once and subscribed... and I'm glad I did. I honestly understand how these profile things work now.
It's still in a very raw state right now but what do you think of it so far? image wise
GAKUGAKU BURUBURU
Offline
lil_neko
Tatsu Kurai
thanks for the guide. not just the images, you explained it nicely as well. i actually understand it, unlike some other guides I've read where everything's all cluttered and messy. nice job! biggrin
I'm glad I have done my purpose well . whee
@GAKUGAKU BURUBURU :: Thank you for subscribing! <333 heart
Welll.... that's quite a difficult question to answer, but basically it goes like this.
Create an image that says "add comment" and "view comment"
You have to link those images to your comments like this:
To find the link for your comments you would have
to go to your view comments (in your case here: http://www.gaiaonline.com/profiles/?mode=comments&u=5592213 )
Right click on add comment > click on properties > copy the whole address that appears > paste that into the thing above.
[url=http://www.gaiaonline.com/profiles/?mode=addcomment&u=5592213][img]addcommentimage[/img][/url]
And you'll have to do the same thing with thew view comment thing.
Then you'll have to paste it into your about me section (the BBCODE).
Position that custom section with your theme box
and move it on top of where the regular comment links are located.
To remove the comment links, go to your theme box and paste this: #comments .links {display:none;} It gets rid of the links.
I'm sorry if this is not very in-depth. I'll make a misc. section for this. This is
just the "gist" of it. O_____o
Ok I get all the bbc code stuff, but once I get that all into my about me section you're saying I have to position just those buttons from my about me section without moving the rest of my about me section...
I feel like I should be able to use something along the lines of:
#comments .links a {position:absolute;left:###px;top:###px;}
Or
#comments .alert_container a {position:absolute;left:###px;top:###px;}
Sorry to drag this on but I'm still kinda lost, I'll get those bbc code links ready in word...
lil_neko
Offline
GAKUGAKU BURUBURU
lil_neko
Tatsu Kurai
thanks for the guide. not just the images, you explained it nicely as well. i actually understand it, unlike some other guides I've read where everything's all cluttered and messy. nice job! biggrin
I'm glad I have done my purpose well . whee
@GAKUGAKU BURUBURU :: Thank you for subscribing! <333 heart
Welll.... that's quite a difficult question to answer, but basically it goes like this.
Create an image that says "add comment" and "view comment"
You have to link those images to your comments like this:
To find the link for your comments you would have
to go to your view comments (in your case here: http://www.gaiaonline.com/profiles/?mode=comments&u=5592213 )
Right click on add comment > click on properties > copy the whole address that appears > paste that into the thing above.
[url=http://www.gaiaonline.com/profiles/?mode=addcomment&u=5592213][img]addcommentimage[/img][/url]
And you'll have to do the same thing with thew view comment thing.
Then you'll have to paste it into your about me section (the BBCODE).
Position that custom section with your theme box
and move it on top of where the regular comment links are located.
To remove the comment links, go to your theme box and paste this: #comments .links {display:none;} It gets rid of the links.
I'm sorry if this is not very in-depth. I'll make a misc. section for this. This is
just the "gist" of it. O_____o
Ok I get all the bbc code stuff, but once I get that all into my about me section you're saying I have to position just those buttons from my about me section without moving the rest of my about me section...
I feel like I should be able to use something along the lines of:
#comments .links a {position:absolute;left:###px;top:###px;}
Or
#comments .alert_container a {position:absolute;left:###px;top:###px;}
Sorry to drag this on but I'm still kinda lost, I'll get those bbc code links ready in word...
No. No.
You'll have to create a custom section. The custom section will move "outside" of the real about section.
So in your BBCODE it would appear like this
[list]
[url=###]imagehere[/image][/url]
[/list]
In your Theme box you would move your section like this:
This will move your buttons to a desired location.
#about ul {position:absolute;top:###px;left:###px;}
The attributes you currently have talk about the regular addcomment/view comment and alert me thingy. You need to remove those because if you position your section correctly it will go over (or on top of it) it.
#comments .links a, #comments .alert_container a {display:none;}
lil_neko
Offline
Shenne Akirami
This REALLY is useful, Thanks to this I finish understanding the "comment" section xD
Thanks for your time and the guide =D
BTW, I have a question. What does the "padding" do?
Wishlist: Angelic Pendant - Angelic Scarf - Angelic Sash - Mini Angel Wings - Zony MP3 Player - Winged Anklets - Guitar of Angellus - Fairy Wings - Sno Yeti Pillow Plush - Winter Fox Mink - Solar Cloak -
Frostbite Blade - Fallen Wish - Dreamer's Dust - Angelbow - Prism Butterfly Mantilla - Kong Sang Scarf - Aquatica - Fairy Wings - Gift of the Goddess - Panda Plushie - Election 2008 Donkey Plushie - Panda Plushie - Gift of the Gods - Gift of the Goddess -
Water Trident - Elemental Wings - Blue Heartbreaker Jacket - White Heartbreaker Jacket - Antartic White Polyester Pants - Sora Furisode - Icemist Dragon Gown - Head Case - Otami Loinchloth - Blue Sorcerer's Book - Solar Headdress - Angelic Bracelet - All White and Blue Items!
Your welcome! xD
I haven't completely finished the guide, but basically it adds an extra invisible space "inside" of a box. So, if you were to use the padding the text in your about section would have 20px around the box, so the text would be pushed inside.
#about {padding:20px;}
^ this code above adds 20px of space on all sides. 3nodding
Sorry if my explanation is weird, you'll just have to test it. xD xD
lil_neko
Offline
x_AN0R3XIC
Let's Keep this Simple.
✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖✖
I scrolled through this once and subscribed... and I'm glad I did. I honestly understand how these profile things work now.
It's still in a very raw state right now but what do you think of it so far? image wise
It looks lovely so far! : ) : ) <3
I suggest finishing off coloring the links. : 3
Thank you for the subscription! I will try updating the content as much as possible.
GAKUGAKU BURUBURU
Offline
lil_neko
Offline
GAKUGAKU BURUBURU
Offline
