Kupika.net

Kupika.net

 The official Kupika forum


Go Back   Kupika.net > Kupika > KupiChat > Kupika Skins

Arcade FAQ Search Today's Posts Mark Forums Read

Reply

 

Thread Tools
Old 10-20-2008   #1
hina
Kupikan
 
hina's Avatar
 
Join Date: Apr 2008
Posts: 533
Default Kupika Skin 101

You can customize your profile page using a Skin.

With a regular CSS code (which you paste into your "About me" section) you can only customize the About Me box. Nothing more.

But with a Skin, you can customize the other boxes as well.
(the boxes that appear below your "About me")

Right now we don't have any CSS Editor for editing skins, but if you understand CSS you can create your own skin.

Kupika Skin CSS Reference: http://kupika.net/index.php/topic,1262.0.html


For starters, you can customize this skin:
Code:
.p_twit_box {background-image: url('http://kupika.net/http://kupika.com/images/pquote.gif'); background-repeat: no-repeat; background-position: top left; background-color: #FFD; border: 1px solid #DDA; padding:16px 20px 8px 24px;}
.p_twit_content {color: #763;font-weight:bold;}
.p_twit_time {font-size: smaller; color: #F96;}


.p_shortcutlinks {color:#36F;}

.p_hugbox {background-color: #F0F6FF; border: 2px solid #9CF;}
.p_givehug {padding-bottom:3px;font-weight:bold;}
.p_givehug a {text-decoration:none;}
.p_givehug a:hover {text-decoration:underline;}
.p_givehug a:visited {text-decoration:none;}
.p_givehug a:visited:hover {text-decoration:underline;}

.p_votingbox {border: 2px solid #9CF; border-top-width:0; border-bottom-width:0;}


.p_overviewbox {background-color: #FFFFF3; border: 2px solid #9CF; border-bottom-width: 0; background-image: url('http://kupika.net/http://kupika.com/images/bg_profile.jpg'); background-repeat: no-repeat; background-position: top left;}
.p_data {}
.p_onlinetext {}
.p_stats {border-left: 2px dashed #AEA; padding-left: 15px;}
.p_countryflag {padding-top: 10px; padding-right: 10px;}

.p_aboutbox {background-color: #FFFFF3; border: 2px solid #9CF; border-top-width: 0;}
.p_tagline {padding-top: 5px; padding-bottom: 7px; color: #C00; background-color: #FFC; font-size: 90%;}
.p_aboutme {padding:10px;}

.p_contactbox {background-color:#F0F6FF; border:2px solid #9CF; border-top-width:0;}


.p_default_button a {
 border: 2px solid #F87;
}
.p_default_button a:hover {border: 2px solid #F32;}
.p_default_button a:visited {border: 2px solid #F87;}
.p_default_button a:visited:hover {border: 2px solid #F32;}

.p_sendmessage_button a {
 background-color: #FF9;
}
.p_sendmessage_button a:hover {background-color: #FD0;}
.p_sendmessage_button a:visited {background-color: #FF9;}
.p_sendmessage_button a:visited:hover {background-color: #FD0;}

.p_senditem_button {}
.p_sendletter_button {}
.p_addfriend_button {}
.p_blacklist_button {}




.p_default_box {background-color:#FFF9F0; border:2px solid #FEC;}
.p_default_box_header {color:#CB9; padding:2px; padding-left:10px; padding-top:8px; padding-bottom:7px; border-bottom:1px solid #EDC; white-space:nowrap;}
.p_default_box_content {}



.p_subscription_box {border-width:4px;}



.p_diary_box {}
.p_diary_box_header {}
.p_diary_box_content {}
.p_diary_box_content_container {padding-left:12px; padding-right:20px; border-left:2px dashed #EDC;}

.p_diary_box_content_container a {color: #975;}
.p_diary_box_content_container a:hover {color: #CA7;}
.p_diary_box_content_container a:visited {color: #975;}
.p_diary_box_content_container a:visited:hover {color: #CA7;}



.p_diary_box_content_container_title {}
.p_diary_box_content_container_date {padding-top:2px; color:#777; font-size:smaller;}
.p_diary_box_content_container_excerpt {padding-top:4px; color:#CA8;}



.p_oekaki_box {background-image: url('http://kupika.net/http://kupika.com/images/bg/banana1.gif');}
.p_oekaki_box_header {color:#BB8;}
.p_oekaki_box_content {}

.p_picstream_box {background-image: url('http://kupika.net/http://kupika.com/images/bg/marmer1.gif');}
.p_picstream_box_header {color:#AAA;}
.p_picstream_box_content {}

.p_club_box {background-image: url('http://kupika.net/http://kupika.com/images/bg/fish1.gif');}
.p_club_box_header {color:#68C;}
.p_club_box_content {}

.p_qa_box {background-image: url('http://kupika.net/http://kupika.com/images/bg/cherry1.gif'); border:3px solid #EDB;}
.p_qa_box_header {color:#D88;}
.p_qa_box_content {}
.p_qa_box_content_container_asker {background-color:#F9F9F0;}
.p_qa_box_content_container_asker_name {}
.p_qa_box_content_container_asker_date {}
.p_qa_box_content_container_asker_question {}
.p_qa_box_content_container_answerer {background-color:#FFFFF3;}
.p_qa_box_content_container_answerer_name {}
.p_qa_box_content_container_answerer_date {}
.p_qa_box_content_container_answerer_answer {}
.p_qa_box_content_viewmore {}
.p_qa_box_content_form textarea {background-color:#FFB;border:1px solid #AAA;}
.p_qa_box_content_form input[type="submit"] {background-color:#FF6;border:2px solid #F66;}



.p_chat_box {}


.p_friendlist_preface {color:#C00; margin-top:30px;}
__________________
You will never forget your first love. That's what makes it so special. You love so hard, so deeply, and so intensely because you don't know any different. It's the best until it is over. Then you hurt like you've never been hurt before. Eventually you love again, but you love differently. You will love more carefully, more cautiously. Just know that there is so much more love waiting for you, but there will always only be one first.
hina is offline   Reply With Quote
Old 10-21-2008   #2
darkdreams
Kupikan
 
darkdreams's Avatar
 
Join Date: May 2008
Posts: 546
Default Re: Kupika Skin 101

Thank you hina saving my brain from bursting.
__________________
And when the stars are shining brightly <br />In the velvet sky, <br />I'll make a wish <br />Send it to heaven <br />Then make you want to cry..
darkdreams is offline   Reply With Quote
Old 11-24-2008   #3
aranee
Jr. Kupi
 
aranee's Avatar
 
Join Date: Aug 2008
Posts: 156
Send a message via MSN to aranee
Default Re: Kupika Skin 101

BTW... I think my brain just burst. (How do we use our own backgrounds?)
__________________

My Soul, Corrupted by Vengence;
Hath endured Torment to find the End of the Journey.
aranee is offline   Reply With Quote
Old 11-25-2008   #4
Perfect_An
Kupika Addict
 
Perfect_An's Avatar
 
Join Date: Jul 2008
Location: The cupboard under the stairs [I wish]
Posts: 2,101
Default Re: Kupika Skin 101

Originally Posted by aranee
BTW... I think my brain just burst. (How do we use our own backgrounds?)
Bam bam bam. Do you mean instead of using the rainbow or the soccer (etc) backgrounds you could use your own? Or something else?
__________________
<3
Perfect_An is offline   Reply With Quote
Old 11-26-2008   #5
aranee
Jr. Kupi
 
aranee's Avatar
 
Join Date: Aug 2008
Posts: 156
Send a message via MSN to aranee
Default Re: Kupika Skin 101

Yup. I think you exchange the URLs?
__________________

My Soul, Corrupted by Vengence;
Hath endured Torment to find the End of the Journey.
aranee is offline   Reply With Quote
Old 11-26-2008   #6
Timelord
Kupikan
 
Timelord's Avatar
 
Join Date: May 2008
Location: Your bedroom :]
Posts: 913
Default Re: Kupika Skin 101

Originally Posted by aranee
BTW... I think my brain just burst. (How do we use our own backgrounds?)
For skin:

Code:
.p_where you want the background eg hugbox {
	background-image : url(URLofimage);
}
As your profile background:

Code:
<DIV style="background-image:url(http://kupika.net/URL of image); ">
__________________

Timelord is offline   Reply With Quote
Old 11-28-2008   #7
aranee
Jr. Kupi
 
aranee's Avatar
 
Join Date: Aug 2008
Posts: 156
Send a message via MSN to aranee
Default Re: Kupika Skin 101

OHh... okies ^^ THANK YOU! *mwuaH*
__________________

My Soul, Corrupted by Vengence;
Hath endured Torment to find the End of the Journey.
aranee is offline   Reply With Quote
Old 12-20-2008   #8
MeinGott
Baby Kupi
 
Join Date: Dec 2008
Posts: 18
Default Re: Kupika Skin 101

Um...that doesnt help at all.

*_*

I pasted a pic from Photobucket but then it doesnt appear.
Help?
T.T

__________________
Be Jealous.<br /><br />
MeinGott is offline   Reply With Quote
Old 12-20-2008   #9
Sanyu
Kupika Addict
 
Sanyu's Avatar
 
Join Date: Apr 2008
Location: Perth, Australia
Posts: 4,023
Default Re: Kupika Skin 101

Where are you putting it? If you're putting it in the right place it should work. Are you putting it in Edit Profile, or in Skin Editor?
__________________
Forever wondering how the hell she amassed 4000 posts
Sanyu is offline   Reply With Quote
Old 12-21-2008   #10
MeinGott
Baby Kupi
 
Join Date: Dec 2008
Posts: 18
Default Re: Kupika Skin 101

>.<
Nah, its all right now.
^^
Just discovered I copy-pasted the IMG link, not the LAYOUT link.
^^
danke though.
__________________
Be Jealous.<br /><br />
MeinGott is offline   Reply With Quote
Reply

Thread Tools

Forum Jump

Similar Threads

Thread Thread Starter Forum Replies Last Post
Kupika Skin CSS Reference hina Kupika Skins 5 04-10-2012 10:57 AM


All times are GMT. The time now is 09:32 PM.


Powered by vBulletin® Copyright ©2000 - 2018, Content Relevant URLs by YABBSEO v1.1.