Houka's Custom CSS Code Shop

Creatures · Post by **Blackwidow** » June 2nd, 2011, 2:48:34 pm

I'll go looking around and see what I want changed. There is a lot more stuff there than I thought.

Creatures · Post by **HoukaRyuu** » June 3rd, 2011, 7:08:27 pm

Blackwidow wrote:I'll go looking around and see what I want changed. There is a lot more stuff there than I thought.

Take your time.

This post will also serve as my bump for the day.

Creatures · Post by **HoukaRyuu** » June 6th, 2011, 7:59:18 pm

Bumping the topic to the top of the list on page one.

Hopefully the topic stays on page one for a little bit.

Creatures · Post by **MoriyuriSenpai** » June 6th, 2011, 9:16:42 pm

CONSULTING
Comment: I would like to know how to change the colors from just pink to both pink and purple. I would also like to know how to put different photos into my background, but still keep the soft, rounded look of the layout. I would also like to change my basic layout to something similar to Rosehill's.

Payment: 250g

Creatures · Post by **HoukaRyuu** » June 6th, 2011, 10:39:25 pm

MoriyuriSempai wrote:CONSULTING
Comment: I would like to know how to change the colors from just pink to both pink and purple. I would also like to know how to put different photos into my background, but still keep the soft, rounded look of the layout. I would also like to change my basic layout to something similar to Rosehill's.

Payment: 250g

Meh, that's considerably more than just one or two things. Anyways, which colors do you want to change, Text Colors, Link Colors, Background Color, border color?

As for the background, as long as you don't take out any of the CSS code that you currently have, you should be okay when you just change the image URL link of the background images. In your CSS code, the following codes deal with background images for different sections of your profile. Just change the URL link of the image that you want changed and leave the others alone so that you don't inadvertently mess the code up.

Spoiler

Code: Select all

background-image:url(http://i793.photobucket.com/albums/yy217/jrosehill/layouts/cherry-bg2.png) !important;

Code: Select all

background-image:url(http://i793.photobucket.com/albums/yy217/jrosehill/layouts/cherry-bg3.png) !important;

Code: Select all

background-image:url(http://i793.photobucket.com/albums/yy217/jrosehill/layouts/cherry-bg3.png) !important;

Code: Select all

background-image:url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/header6.png) !important;

Code: Select all

background-image:url(http://i793.photobucket.com/albums/yy217/jrosehill/layouts/cherry-bg3.png) !important;

Code: Select all

background-image:url(http://i793.photobucket.com/albums/yy217/jrosehill/layouts/cherry-bg3.png) !important;

Code: Select all

background-image:url(http://i793.photobucket.com/albums/yy217/jrosehill/layouts/cherry-hd.png) !important;

If you want to change your basic layout to something similar to Rosehill's, if you can View Source/View Page Source when you are in Rosehill's profile and manage to take a look at the custom CSS code that she used, you could copy-paste the CSS code into a notepad. Anyways, you'll need knowledge of CSS in order to successfully edit the CSS that Rosehill used in her profile. (I looked at it, and there's a lot of code there.) However, if you are going to edit Rosehill's custom CSS code to use for your own, send her a PM first to ask if it's okay. She might not like anyone copying her own Customized CSS Code. *shrugs*

Creatures · Post by **MoriyuriSenpai** » June 6th, 2011, 11:11:56 pm

I would never take someone else's code without their permission. I got the current CSS I have from Rosehill's freebie pile... But I just was wondering how she got the rounded off, soft shapes...I really really like them.

I just wanted the text and links to be purple...that's all. and the taskbar, and header text to be purple as well...

also, if you are unhappy with the payment for my questions, feel free to request more gold from me...I did have a lot of questions...

Creatures · Post by **HoukaRyuu** » June 7th, 2011, 12:09:33 am

MoriyuriSempai wrote:I would never take someone else's code without their permission. I got the current CSS I have from Rosehill's freebie pile... But I just was wondering how she got the rounded off, soft shapes...I really really like them.

I just wanted the text and links to be purple...that's all. and the taskbar, and header text to be purple as well...

also, if you are unhappy with the payment for my questions, feel free to request more gold from me...I did have a lot of questions...

This part of the code is what makes the corners into a rounded corner instead of the sharp edges. Change the number to change the smoothness/roundness of the corner. Make sure they are always the same for those three lines of code.

Spoiler

Code: Select all

-moz-border-radius:6px; 
-webkit-border-radius:6px; 
border-radius:6px;

You can find more info regarding rounded corners using CSS from this site. Supposedly you can now drop the -webkit- prefix but it's up to you.

In your Custom CSS Code, look for the code color:black !important; or any code that starts with color: replace the color name or hex code with what you want to use. But for what you want to do, search for the color: code in your html, body section, a:link, a:active, a:visited section, h3 section, and ul.navlinks, .custom_css_rank section.

Nah, it's fine. At least I'm not actually writing code.

I'm just explaining stuff to you, which hopefully you are able to understand.

Creatures · Post by **MoriyuriSenpai** » June 7th, 2011, 3:48:49 pm

HoukaRyuu wrote:
MoriyuriSempai wrote:I would never take someone else's code without their permission. I got the current CSS I have from Rosehill's freebie pile... But I just was wondering how she got the rounded off, soft shapes...I really really like them.

I just wanted the text and links to be purple...that's all. and the taskbar, and header text to be purple as well...

also, if you are unhappy with the payment for my questions, feel free to request more gold from me...I did have a lot of questions...
This part of the code is what makes the corners into a rounded corner instead of the sharp edges. Change the number to change the smoothness/roundness of the corner. Make sure they are always the same for those three lines of code.
Spoiler
Code: Select all
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
border-radius:6px; 
You can find more info regarding rounded corners using CSS from this site. Supposedly you can now drop the -webkit- prefix but it's up to you.

In your Custom CSS Code, look for the code color:black !important; or any code that starts with color: replace the color name or hex code with what you want to use. But for what you want to do, search for the color: code in your html, body section, a:link, a:active, a:visited section, h3 section, and ul.navlinks, .custom_css_rank section.

Nah, it's fine. At least I'm not actually writing code. I'm just explaining stuff to you, which hopefully you are able to understand.

This helped so much! Thank you!

Creatures · Post by **SynthDetective** » June 8th, 2011, 11:50:20 am

NVM. Realized that the picture I wanted was on photobucket, and there for no way to ask the artist if I could use it.

Creatures · Post by **HoukaRyuu** » June 11th, 2011, 3:12:21 pm

Bumping the topic to the top of the first page.

MagiStream

Houka's Custom CSS Code Shop

Re: Houka's Custom CSS Code Shop - GRAND OPENING!!! ^_^

Re: Houka's Custom CSS Code Shop - GRAND OPENING!!! ^_^

Re: Houka's Custom CSS Code Shop - GRAND OPENING!!! ^_^

Re: Houka's Custom CSS Code Shop - GRAND OPENING!!! ^_^

Re: Houka's Custom CSS Code Shop - GRAND OPENING!!! ^_^

Re: Houka's Custom CSS Code Shop - GRAND OPENING!!! ^_^

Re: Houka's Custom CSS Code Shop - GRAND OPENING!!! ^_^

Re: Houka's Custom CSS Code Shop - GRAND OPENING!!! ^_^

Re: Houka's Custom CSS Code Shop - GRAND OPENING!!! ^_^

Re: Houka's Custom CSS Code Shop - GRAND OPENING!!! ^_^