CSS Shop (Open)

This forum is for art shops

Moderator: Hall of the Arts Moderators

Forum rules
Hall of the Arts rules
User avatar
LokiWolfbane
MagiStream Donor
Member of The Dark Brotherhood Member of Artificer's Association Member of Preservationists Association An icon depicting the element Void
Creatures • Trade
Posts: 3810
Joined: July 13th, 2009, 6:07:00 pm
Gender: Male
Location: USA

Re: CSS Shop (Open)

Post by LokiWolfbane »

Hello, love my back ground a lot, just wondering if we could change around the colors? the background red and black and the text the blue? might be a little easier to see then.
Image

*
was on hiatus for an extend time but gonna be back here
*
Gold Mining Welcome
*
Image
Top
PinkPeach
MagiStream Donor
Member of The Dark Brotherhood Member of Artificer's Association Member of Preservationists Association
Creatures • Trade
Posts: 1594
Joined: March 16th, 2017, 8:18:31 pm
Location: Snuggled up in my bed like a caterpillar

Re: CSS Shop (Open)

Post by PinkPeach »

Hello yet again! I recently changed my name and I need a new CSS to go with it. Would you be willing to do that for me please?

I need something that looks fruity and pink, like pink peaches :lol:
Just general pink cuteness, thank you again! I'm not picky ^_^
Image https://pokefarm.com/user/PinkPeach
Please visit my profile! ImageImageImageImageImageImage
Image
Image Formerly known as Rinnyracecar
Top
User avatar
Inkio
Creatures • Trade
Posts: 24
Joined: November 30th, 2019, 10:34:42 am
Gender: Female
Location: Under your bed...

Re: CSS Shop (Open)

Post by Inkio »

Hey, could I get some CSS for my profile?

Theme: Underverse!
Colors: Anything that will match with the images.
Possible Background(s): This could be fine (and also higher quality of this could be awesome), This very long link could be fine, Epic Dream could be fine, OwO. I'll let you decide out of these for mine! ^-^

Image ImageImage
My Wishlist
Image Image
Check out my For Free tab!
(You can learn more about it in my About Me.)
Image
10/25 Gifts! Thank you!
Top
User avatar
YukiHijikata1
Member of Artificer's Association Member of Preservationists Association
Creatures • Trade
Posts: 458
Joined: February 20th, 2020, 4:32:59 pm
Gender: Literally just six cats of varying gender identities sharing a suit of human skin
Location: In the sky

Re: CSS Shop (Open)

Post by YukiHijikata1 »

Hey there!

Theme: Mythical creatures like pheonix, dragon, unicorns. Here are some pictures that I like, but you don't have to use them.
https://cf.girlsaskguys.com/q1595484/a8 ... f6ec10.jpg
https://i.pinimg.com/originals/2a/ae/af ... 0dcd8d.jpg
Colors: Shades of blue and white that match with the picture, I'm not too picky.

Thanks in advance! :wave:
Image
Wishlist on profile.
I have Sale tabs! Visit my Keep to see!

ImageImageImageImageImageImageImage
Tales of Ostlea ~ Dragon Cave

Image
Top
Omira
Member of Artificer's Association Member of Preservationists Association
Creatures • Trade
Posts: 612
Joined: December 29th, 2018, 6:35:05 pm
Gender: Female

Re: CSS Shop (Open)

Post by Omira »

Hello~
Id like a CSS just to add a bit of color to my profile. Whatever you come up with is fine. (Dragons? Dragons?!?!)

Possible Colors and Themes: Galaxy colors like my image (purple, blue, white/black) and stars or varying shades of ice (blue, white, silver, gray) if you are willing to insert ice dragon images as well in the background maybe.

(Why i am asking for a CSS is because i don't know how to create one myself and i apologize if something is unclear...)
My Wishlist
Please Help Hatch!
ImageImageImageImageImage
Will do my best to click back!
*******************************************
<3Thank you for all the amazing gifts! <3
Top
User avatar
Merkwerkee
MagiStream Donor
Member of Artificer's Association Member of Preservationists Association An icon depicting the element Earth
Creatures • Trade
Posts: 19604
Joined: July 30th, 2009, 11:58:03 am
Location: Life persists

Re: CSS Shop (Open)

Post by Merkwerkee »

WolfeDente wrote:I would love a couple themes if that's alright!

One themed around Black and Tan Shiba Inus,

and

One themed around Any/Red shibas.
Spoiler

Code: Select all

/*dl.left-box.details
*{background-image:url(http://starlightbiomat.com/wp-content/uploads/2015/06/photodune-1462591-amethyst-bacground-l-e1434741260554.jpg);-moz-border-radius:0px !important;-webkit-border-radius:0px !important;border-radius:0px !important;margin-top:5px}*/

.panel.bg2:nth-child(4) {
    display: none;
}

ul.navlinks{
    padding-bottom:1px;
    margin-bottom:1px;
    border-bottom:transparent !important;
}

.bg2{
    transition:background-color .7s !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:3px double #F0FFFF;
    background-color:rgba(185, 173, 58,0.4) !important;
    float:left;
    text-decoration:none !important;
    padding:3px;
    margin:3px;
    background-image:none;
}

.bg1{
    transition:background-color .7s !important;
    text-align:center !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    text-decoration:none !important;
    border:1px groove #F0FFFF;
    background-color:rgba(185, 173, 58,0.4) !important;
    float:right;
    padding:5px;
    margin-right:-5px;
    margin-left:5px;
    background-image:none
}

.bg1:hover, .bg2:hover{
    background-color:rgba(255, 255, 148, 0.6) !important;
    transition:background-color .7s !important;
}

.headerbar.nonmobile{
    background-image:url(http://drive.google.com/uc?export=view&id=1jvLf-df_ifMgPwi0yo_TuWizti2cC5G2) !important;
    background-repeat:no-repeat !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #F0FFFF;
    background-size:cover !important;
    background-color:rgb(255,255,255);
    height:250px !important
}

.headerbar.nonmobile img{
    opacity:0.0;
    height:250px;
    width:850px
}

.header_nav.nonmobile{
    margin-top:-51px;
    margin-left:2px
}

.header_nav.nonmobile img{
    opacity:0.0;
    margin-top:-4px;
    margin-bottom:2px;
}

#page-footer .navbar{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #F0FFFF;
    background-color:transparent !important;
    background-image:none
}

#page-header .navbar{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #F0FFFF;
    margin:auto !important;
    background-color:rgba(225, 213, 98, 0.1) !important;
    background-image:none !important
}

#page-body{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #F0FFFF;
    background-color:rgba(225, 213, 98, 0.1);
    width:100% !important;
    margin-top:5px;
    margin-bottom:5px;
    text-decoration:none !important;
}

#page-footer{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba(225, 213, 98, 0.1);
    width:100% !important;
}

#page-header{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    width:100% !important;
    padding-bottom:5px
}

input.button2{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #F0FFFF;
    background-color:rgba(80, 69, 55,0.4);
    background-image:url(https://pbs.twimg.com/profile_images/2730442675/d9603186f066b382e639bfa89e70a268.jpeg) !important;
}

*{
    font-family: "Bookman Old Style", Bookman, sans-serif !important;
    font-size: 12px;
    color: #0C090A !important;
    text-align:center !important;
    text-decoration:none !important;
}

#wrap{
    background-image:none;
    background-color:rgba(12, 9, 10 , 0.2) !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    padding-top:20px !important;
    margin:auto;
    border: 2px groove #F0FFFF;
}


body{
    background-image:url(https://i.pinimg.com/originals/b0/25/91/b0259160470279036c3085bec0068857.jpg);
    background-repeat:no-repeat;
    background-color:#F0FFFF;
    padding-top:15px !important;
    background-position: left;
    background-size: cover;
    background-attachment:fixed !important;
}

span{
    background-image:none !important;
}

.spoiler .inner{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba(255, 255, 148,0.5);
    border:1px groove #F0FFFF !important;
}

dl.codebox{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba(255, 255, 148,0.5);
    border:1px groove #F0FFFF;
}

.border-right, .border-left, .border-top, .border-top-left, .border-top-right, .border-bottom{
    background:none;
}

dl.left-box.details{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    text-align:center !important;
}

.jumpbox{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #F0FFFF;
    margin-left:3px;
    margin-right:3px;
    background-color:rgba(185, 173, 58,0.3);
}

.icon-gold{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    color:transparent !important;
    background:url(https://ih1.redbubble.net/image.918591658.4539/flat,128x,075,f-pad,128x128,f8f8f8.jpg) no-repeat, url(https://ih1.redbubble.net/image.487776602.2776/flat,128x,075,f-pad,128x128,f8f8f8.u2.jpg) no-repeat;
    background-position:2px, 57px 2px;
    background-size:13px,12px;
}

.icon-gold img{
    opacity:0.0;
    margin-top:0 !important;
    font-color:transparent !important;
    margin-bottom:0 !important;
}

.custom_css_avatar img{
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    border:1px groove #F0FFFF;
}

h3{
    background-image:url(https://i.pinimg.com/originals/8c/2b/10/8c2b10fab077d91f114d4f6d9dbd05a1.png);
    background-size:15px;
    background-repeat:no-repeat;
    border-bottom:1px groove #F0FFFF;
}

.icon-ucp, .icon-logout, .leftside icon-home, .icon-home{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    padding:5px;
    border-radius:5px;
    border:1px groove #F0FFFF;
    background-color:rgba(185, 173, 58,0.3);
    background-image:none;
    margin-top:3px;
    margin-bottom:3px;
    width:100%;
}

dl.left-box{
    -moz-border-radius:1em;
    -webkit-border-radius:1em;
    border-radius:1em;
    float:right;
}

h2{
    display:none;
}

a:link, a.postlink:link{
    text-decoration:none !important;
    transition:font-size .7s;
}

a:visited, a.postlink:visited{
    color:darkred;
    text-decoration:none !important;
}

a:hover, a.postlink:hover{
    text-decoration:none !important;
    background-color:rgba(255, 255, 148, 0.3);
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    transition:background-color .7s;
}

blockquote{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #F0FFFF !important;
    background-color:rgba(255, 255, 148,0.6) !important;
}

.custom_css_rank{
    border-bottom:transparent;
}

.postlink{
    border-bottom-color:#F0FFFF;
}

.postlink:visited{
    border-bottom-color:#F0FFFF;
}

.inner{
    padding:-3px !important;
    margin:-3px !important;
}
Okay, try that one first, it's for black/tan Shiba Inus. Warning the header may or may not work, google changed how the drive does sharing settings
PinkPeach wrote:Hello yet again! I recently changed my name and I need a new CSS to go with it. Would you be willing to do that for me please?

I need something that looks fruity and pink, like pink peaches :lol:
Just general pink cuteness, thank you again! I'm not picky ^_^
Spoiler

Code: Select all

/*dl.left-box.details
*{background-image:url(http://starlightbiomat.com/wp-content/uploads/2015/06/photodune-1462591-amethyst-bacground-l-e1434741260554.jpg);-moz-border-radius:0px !important;-webkit-border-radius:0px !important;border-radius:0px !important;margin-top:5px}*/

.panel.bg2:nth-child(4) {
    display: none;
}

ul.navlinks{
    padding-bottom:1px;
    margin-bottom:1px;
    border-bottom:transparent !important;
}

.bg2{
    transition:background-color .7s !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:3px double #FDEEF4;
    background-color:rgba(209, 127, 136,0.4) !important;
    float:left;
    text-decoration:none !important;
    padding:3px;
    margin:3px;
    background-image:none;
}

.bg1{
    transition:background-color .7s !important;
    text-align:center !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    text-decoration:none !important;
    border:1px groove #FDEEF4;
    background-color:rgba(209, 127, 136,0.4) !important;
    float:right;
    padding:5px;
    margin-right:-5px;
    margin-left:5px;
    background-image:none
}

.bg1:hover, .bg2:hover{
    background-color:rgba(159, 77, 86, 0.6) !important;
    transition:background-color .7s !important;
}

.headerbar.nonmobile{
    background-image:url(http://drive.google.com/uc?export=view&id=1lQQDHlf9l1hnILJ38nE-Lz7I4LdJfY-w) !important;
    background-repeat:no-repeat !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #FDEEF4;
    background-size:cover !important;
    background-color:rgb(255,255,255);
    height:250px !important
}

.headerbar.nonmobile img{
    opacity:0.0;
    height:250px;
    width:850px
}

.header_nav.nonmobile{
    margin-top:-51px;
    margin-left:2px
}

.header_nav.nonmobile img{
    opacity:0.0;
    margin-top:-4px;
    margin-bottom:2px;
}

#page-footer .navbar{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #FDEEF4;
    background-color:transparent !important;
    background-image:none
}

#page-header .navbar{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #FDEEF4;
    margin:auto !important;
    background-color:rgba(209, 127, 136, 0.1) !important;
    background-image:none !important
}

#page-body{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #FDEEF4;
    background-color:rgba(209, 127, 136, 0.1);
    width:100% !important;
    margin-top:5px;
    margin-bottom:5px;
    text-decoration:none !important;
}

#page-footer{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba(209, 127, 136, 0.1);
    width:100% !important;
}

#page-header{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    width:100% !important;
    padding-bottom:5px
}

input.button2{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #FDEEF4;
    background-color:rgba(209, 127, 136,0.4);
    background-image:url(https://64.media.tumblr.com/avatar_1e6733daeb30_128.pnj) !important;
}

*{
    font-family: "Bookman Old Style", Bookman, sans-serif !important;
    font-size: 12px;
    color: #FFE9C2 !important;
    text-align:center !important;
    text-decoration:none !important;
}

#wrap{
    background-image:none;
    background-color:rgba(209, 127, 136, 0.2) !important;
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    padding-top:20px !important;
    margin:auto;
    border: 2px groove #FDEEF4;
}


body{
    background-image:url(https://as2.ftcdn.net/jpg/01/69/38/95/500_F_169389588_NQb5xpsr0qt6HZ2JdgZ9dpJkF4OsszU5.jpg);
    background-color:#FDEEF4;
    padding-top:15px !important;
    background-attachment:fixed !important;
}

span{
    background-image:none !important;
}

.spoiler .inner{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba(159, 77, 86,0.5);
    border:1px groove #FDEEF4 !important;
}

dl.codebox{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    background-color:rgba(159, 77, 86,0.5);
    border:1px groove #FDEEF4;
}

.border-right, .border-left, .border-top, .border-top-left, .border-top-right, .border-bottom{
    background:none;
}

dl.left-box.details{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    text-align:center !important;
}

.jumpbox{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #FDEEF4;
    margin-left:3px;
    margin-right:3px;
    background-color:rgba(209, 127, 136,0.3);
}

.icon-gold{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    color:transparent !important;
    background:url(https://images.vexels.com/media/users/3/185253/isolated/lists/746f720fb51984cf48c6e40613b5efd2-orange-fruit-flat.png) no-repeat, url(https://cdn130.picsart.com/234042549020212.png?type=webp&to=crop&r=256) no-repeat;
    background-position:2px, 57px 2px;
    background-size:13px,12px;
}

.icon-gold img{
    opacity:0.0;
    margin-top:0 !important;
    font-color:transparent !important;
    margin-bottom:0 !important;
}

.custom_css_avatar img{
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    border:1px groove #FDEEF4;
}

h3{
    background-image:url(https://icons.veryicon.com/png/128/food--drinks/fruit-linglong-fruit-store/peach-16.png);
    background-size:15px;
    background-repeat:no-repeat;
    border-bottom:1px groove #FDEEF4;
}

.icon-ucp, .icon-logout, .leftside icon-home, .icon-home{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    padding:5px;
    border-radius:5px;
    border:1px groove #FDEEF4;
    background-color:rgba(209, 127, 136,0.3);
    background-image:none;
    margin-top:3px;
    margin-bottom:3px;
    width:100%;
}

dl.left-box{
    -moz-border-radius:1em;
    -webkit-border-radius:1em;
    border-radius:1em;
    float:right;
}

h2{
    display:none;
}

a:link, a.postlink:link{
    text-decoration:none !important;
    transition:font-size .7s;
}

a:visited, a.postlink:visited{
    color: #EDFFC2;
    text-decoration:none !important;
}

a:hover, a.postlink:hover{
    text-decoration:none !important;
    background-color:rgba(159, 77, 86, 0.3);
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    transition:background-color .7s;
}

blockquote{
    -moz-border-radius:5px 7px;
    -webkit-border-radius:5px 7px;
    border-radius:5px 7px;
    border:1px groove #FDEEF4 !important;
    background-color:rgba(159, 77, 86,0.6) !important;
}

.custom_css_rank{
    border-bottom:transparent;
}

.postlink{
    border-bottom-color:#FDEEF4;
}

.postlink:visited{
    border-bottom-color:#FDEEF4;
}

.inner{
    padding:-3px !important;
    margin:-3px !important;
}
Please be aware of the same possible problems as Wolfe, and let me know how it works
Image

The Shattered Compass
I do free CSS
Image
Sig Set By Incandescence
Top
User avatar
sunsprite
Member of The Dark Brotherhood Member of Artificer's Association Member of Preservationists Association An icon depicting the element Void
Creatures • Trade
Posts: 1079
Joined: October 22nd, 2016, 9:07:24 pm
Location: snoozing somewhere

Re: CSS Shop (Open)

Post by sunsprite »

Hello again! I was here a reaally long time ago (I changed my username), and I absolutely adore the css you made for me a while back! Though, I was hoping you could make a new one for me if you could?

Theme: Coffee & autumn! [and perhaps cats too? thats optional though]
Colors: reds / oranges / yellows / browns / [white text possibly?]
Here are some backgrounds that I thought give a good feel for the theme: 1 / 2 / 3 / 4 / 5 (though, more on the wintry side)

Thank you a whole bunch if you could have this done for me! :orly:
Image
any prns / quiet
thank you all who decided to gift
Top
User avatar
bedfordblack
MagiStream Donor
Member of The Herbalist's Guild Member of Artificer's Association Member of Preservationists Association
Creatures • Trade
Posts: 616
Joined: August 3rd, 2020, 5:34:35 pm
Gender: Female
Location: floating to the nearest archipelago

Re: CSS Shop (Open)

Post by bedfordblack »

hi :D spotted you from the disc server and <3

theme: vaporwave/neon city
colors: bright colors that match the images (so purples, pinks, blues and some greens. artists choice)
backgrounds: 1 / 2 / 3 / 4 / 4
wishlist on profile, thank you for the gifts and clicks!! :3

ImageImageImageImageImageImage
Top
User avatar
happylandfills
MagiStream Donor
Member of The Dark Brotherhood Member of Artificer's Association Member of Preservationists Association
Creatures • Trade
Posts: 358
Joined: January 21st, 2022, 4:08:59 pm
Gender: Non-binary
Location: Idaho, USA

Re: CSS Shop (Open)

Post by happylandfills »

Is this still active?
If so, I'd love a code that is super pastel pink and princessy themed.
Image
I hoard Ratumbidae, Kelungs, Paervem, and much more. PM me if you have any you'd like to sell to me, my hoard list is on my profile :angel:

Feel free to mine my nursery!
☺Happy's Giveaway☺
☺Happy's Breeding Services☺
Image
Top
User avatar
SynthDetective
MagiStream Donor
Member of The Dark Brotherhood Member of Artificer's Association Member of Preservationists Association An icon depicting the element Void
Creatures • Trade
Posts: 3399
Joined: July 20th, 2010, 5:45:42 am
Gender: Literally just six cats of varying gender identities sharing a suit of human skin
Location: Hong Kong Shatterdome K-Science Lab

Re: CSS Shop (Open)

Post by SynthDetective »

Hi, if you're still open, I just noticed that the Pacific Rim theme I still have is now missing it's background? Is there something that could be done about that?
Image
Hey, chin up. I know the night just got darker, but it won't last forever.
~Nick Valentine
ImageImage Image
Top

Return to “Seller's Gallery”