CSS Shop (Open)
Moderator: Hall of the Arts Moderators
Forum rules
Hall of the Arts rules
Hall of the Arts rules
-
DeathsJackal
- Creatures • Trade
- Posts: 8
- Joined: October 31st, 2017, 9:35:39 pm
- Location: The Darkness
Re: CSS Shop (Open)
Thank you so much! It's amazing
Currently looking to possibly commision an avatar, PM me if you could possibly make me one?
-
Wingweeper
- Creatures • Trade
- Posts: 511
- Joined: December 30th, 2017, 8:34:21 pm
- Gender: Kraken
- Location: The ebonywood cottage in Silva Forest.
Re: CSS Shop (Open)
With a small wave, I hand over a note with a written request.
"Hello, I've noticed that you were creating codes for users and I was wanting to place in an order. I've used the form below- just to be organized. Sorry if it seems a bit dark."~*~*~
Theme: Dark and rainy cities are nice. But I wouldn't mind a dark/foggy wood.
Colors: Any colors such as blacks, purples and blues are good. Think of bruises.
~*~*~
Here are some links that could help give you an idea.
https://i.pinimg.com/564x/27/45/07/2745 ... 9e2c7b.jpg
https://wallpapersfit.com/wp-content/up ... 010925.jpg
https://f4.bcbits.com/img/a4170709666_10.jpg
"Hello, I've noticed that you were creating codes for users and I was wanting to place in an order. I've used the form below- just to be organized. Sorry if it seems a bit dark."~*~*~
Theme: Dark and rainy cities are nice. But I wouldn't mind a dark/foggy wood.
Colors: Any colors such as blacks, purples and blues are good. Think of bruises.
~*~*~
Here are some links that could help give you an idea.
https://i.pinimg.com/564x/27/45/07/2745 ... 9e2c7b.jpg
https://wallpapersfit.com/wp-content/up ... 010925.jpg
https://f4.bcbits.com/img/a4170709666_10.jpg
○» Dʀᴀɢᴏɴ ʟᴏᴠᴇʀ﹐ Dᴀʀᴋ ﹠ Dᴇᴀᴛʜ ʜᴏᴀʀᴅᴇʀ ᴀɴᴅ Iɴsᴏᴍɴɪᴀᴄ. «○
Nᴏ ᴍɪɴɪɴɢ ᴛʜᴇ ᴋᴇᴇᴘ, ᴘʟᴇᴀsᴇ.
○∙»Wɪsʜʟɪsᴛs«∙○
○∙»ᙃɾᥲɠoᥒ ᙅᥲʋᥱ«∙○
○ ∙»Tʜᴇ Fɪɴᴀʟ Oᴜᴛᴘᴏsᴛ«∙ ○
○∙» ᴸᵒᵒᵏᶤᶰᵍ ᵗᵒ ᵇᵘʸˀ ᶜʰᵉᶜᵏ ᵒᵘᵗ ᵐʸ ᵖʳᵒᶠᶤˡᵉ ᶠᵒʳ ᵖʳᶤᶜᵉˢˑ «∙○
Nᴏ ᴍɪɴɪɴɢ ᴛʜᴇ ᴋᴇᴇᴘ, ᴘʟᴇᴀsᴇ.
○∙»Wɪsʜʟɪsᴛs«∙○
○∙»ᙃɾᥲɠoᥒ ᙅᥲʋᥱ«∙○
○ ∙»Tʜᴇ Fɪɴᴀʟ Oᴜᴛᴘᴏsᴛ«∙ ○
○∙» ᴸᵒᵒᵏᶤᶰᵍ ᵗᵒ ᵇᵘʸˀ ᶜʰᵉᶜᵏ ᵒᵘᵗ ᵐʸ ᵖʳᵒᶠᶤˡᵉ ᶠᵒʳ ᵖʳᶤᶜᵉˢˑ «∙○
-
Razatharia
- Creatures • Trade
- Posts: 222
- Joined: August 21st, 2011, 12:35:30 pm
- Gender: Female
- Location: Canada
Re: CSS Shop (Open)
Hello!
I was wondering, if I make images (and upload them) for a custom CSS, could you take them and put them into code for me (It would include the Header, Link Bar, and Background)? I haven't made them yet, so if you could let me know if you could help me out, that would be great (and I'll get straight to work on it lol).
Thanks for your time
I was wondering, if I make images (and upload them) for a custom CSS, could you take them and put them into code for me (It would include the Header, Link Bar, and Background)? I haven't made them yet, so if you could let me know if you could help me out, that would be great (and I'll get straight to work on it lol).
Thanks for your time
-
Moonheart
- Creatures • Trade
- Posts: 877
- Joined: June 7th, 2010, 6:33:49 pm
- Gender: Female
- Location: United States
Re: CSS Shop (Open)
Username: Moonheart
Colors: Black/purple/ Silver? (Whatever looks good with the theme, honestly.)
Theme: Coria Alagos
Thank you!
Colors: Black/purple/ Silver? (Whatever looks good with the theme, honestly.)
Theme: Coria Alagos
Thank you!
My keep is open for mining. Please feel free to go in and get some free gold!
-
sunsprite
-
- Creatures • Trade
- Posts: 1079
- Joined: October 22nd, 2016, 9:07:24 pm
- Location: snoozing somewhere
Re: CSS Shop (Open)
Is it ok if I request one last CSS? Thank you!
Colors: Light blues, purples, silvers, something cold
Theme: something wintry/icy. And, if you'd like, you can somewhat base it off of the Koredanuki
Colors: Light blues, purples, silvers, something cold
Theme: something wintry/icy. And, if you'd like, you can somewhat base it off of the Koredanuki
any prns / quiet
thank you all who decided to gift
-
lonebluewolf
- Creatures • Trade
- Posts: 242
- Joined: January 20th, 2018, 9:09:10 am
- Gender: Female
- Location: ~Secrets~ In asia, somewhere!
Re: CSS Shop (Open)
username: lonebluewolf
colours: Cyan and Blue Diamond and gold since this picture is light blue colors
theme: anime, this picture https://i.pinimg.com/736x/dc/bd/8b/dcbd ... y-eyes.jpg
Thank you
colours: Cyan and Blue Diamond and gold since this picture is light blue colors
theme: anime, this picture https://i.pinimg.com/736x/dc/bd/8b/dcbd ... y-eyes.jpg
Thank you
Last edited by lonebluewolf on February 20th, 2018, 2:36:58 pm, edited 2 times in total.
NOT ACTIVE till Holidays
-
Merkwerkee
- MagiStream Donor
-
- Creatures • Trade
- Posts: 19604
- Joined: July 30th, 2009, 11:58:03 am
- Location: Life persists
Re: CSS Shop (Open)
Tyrannogon wrote:Would I be able to get one please?
Username: Tyrannogon
Theme: Dinosaurs
Colours: Greens, greys, browns, any kind of earthy tone
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}*/
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 #493D26;
background-color:rgba(220, 213, 186 ,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 #493D26;
background-color:rgba(220, 213, 186 ,0.4) !important;
float:right;
padding:5px;
margin-right:-5px;
margin-left:5px;
background-image:none
}
.bg1:hover, .bg2:hover{
background-color:rgba(255, 253, 226, 0.6) !important;
transition:background-color .7s !important;
}
.headerbar.nonmobile{
background-image:url(http://drive.google.com/uc?export=view&id=1o8uurVuo7aYjiKyJSwn5MJb-fdCW2Vke) !important;
background-repeat:no-repeat !important;
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
border:1px groove #493D26;
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 #493D26;
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 #493D26;
margin:auto !important;
background-color:rgba(86, 80, 81, 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 #493D26;
background-color:rgba(123, 111, 88 , 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(86, 80, 81, 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 #493D26;
background-color:rgba(80, 69, 55,0.4);
background-image:url(https://thumbs-prod.si-cdn.com/yxQaR6VkJpXVo-udq_nloZRAPqU=/fit-in/1072x0/https://public-media.smithsonianmag.com/filer/dinosaur-sex-mamenchisaurus-guanlong-3.jpg) !important;
}
*{
/* font-family:SinnerScript-Regular !important;*/
color: #254117 !important;
text-align:center !important;
text-decoration:none !important;
}
#wrap{
background-image:none;
background-color:rgba( 44, 53, 57 , 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 #493D26;
animation: mymove 30s ease infinite;
-webkit-animation: mymove 30s ease infinite;
}
body{
background-image: url(https://i.imgur.com/jba343H.jpg);
background-repeat:no-repeat, no-repeat;
background-color:#493D26;
padding-top:15px !important;
background-position: center, center;
/* background-size: 100% 100%;*/
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( 44, 53, 57 ,0.5);
border:1px groove #493D26 !important;
}
.codebox{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
background-color:rgba( 44, 53, 57 ,0.5);
border:1px groove #493D26;
}
.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 #493D26;
margin-left:3px;
margin-right:3px;
background-color:rgba(220, 213, 186 ,0.3);
}
.icon-gold{
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
color:transparent !important;
background:url(https://image.flaticon.com/icons/png/128/47/47313.png) no-repeat, url(https://images.vexels.com/media/users/3/141378/isolated/lists/52ecbbe132b2ff17a2e9f9b08b69a315-tyrannosaur-silhouette.png) 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 #493D26;
}
h3{
background-image:url(https://www.shareicon.net/data/256x256/2015/11/25/677650_animal_512x512.png);
background-size:15px;
background-repeat:no-repeat;
border-bottom:1px groove #493D26;
}
.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 #493D26;
background-color:rgba(220, 213, 186 ,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: #7A7A7A;
text-decoration:none !important;
}
a:hover, a.postlink:hover{
text-decoration:none !important;
background-color:rgba(44, 53, 57, 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 #493D26 !important;
background-color:rgba(44, 53, 57,0.6) !important;
}
.custom_css_rank{
border-bottom:transparent;
}
.postlink{
border-bottom-color:#493D26;
}
.postlink:visited{
border-bottom-color:#493D26;
}
.inner{
padding:-3px !important;
margin:-3px !important;
}@Everyone else: I see your requests (5 people) and I'll try and get to them in the next few days
-
Tyrannogon
- MagiStream Donor
- Creatures • Trade
- Posts: 899
- Joined: January 7th, 2012, 2:00:32 am
- Gender: Male
- Location: British Columbia, Canada
Re: CSS Shop (Open)
Thank you so much Merkwerkee!Merkwerkee wrote:Tyrannogon wrote:Would I be able to get one please?
Username: Tyrannogon
Theme: Dinosaurs
Colours: Greens, greys, browns, any kind of earthy toneGive that a try and tell me if the text is too dark to readSpoiler
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}*/ 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 #493D26; background-color:rgba(220, 213, 186 ,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 #493D26; background-color:rgba(220, 213, 186 ,0.4) !important; float:right; padding:5px; margin-right:-5px; margin-left:5px; background-image:none } .bg1:hover, .bg2:hover{ background-color:rgba(255, 253, 226, 0.6) !important; transition:background-color .7s !important; } .headerbar.nonmobile{ background-image:url(http://drive.google.com/uc?export=view&id=1o8uurVuo7aYjiKyJSwn5MJb-fdCW2Vke) !important; background-repeat:no-repeat !important; -moz-border-radius:5px 7px; -webkit-border-radius:5px 7px; border-radius:5px 7px; border:1px groove #493D26; 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 #493D26; 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 #493D26; margin:auto !important; background-color:rgba(86, 80, 81, 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 #493D26; background-color:rgba(123, 111, 88 , 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(86, 80, 81, 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 #493D26; background-color:rgba(80, 69, 55,0.4); background-image:url(https://thumbs-prod.si-cdn.com/yxQaR6VkJpXVo-udq_nloZRAPqU=/fit-in/1072x0/https://public-media.smithsonianmag.com/filer/dinosaur-sex-mamenchisaurus-guanlong-3.jpg) !important; } *{ /* font-family:SinnerScript-Regular !important;*/ color: #254117 !important; text-align:center !important; text-decoration:none !important; } #wrap{ background-image:none; background-color:rgba( 44, 53, 57 , 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 #493D26; animation: mymove 30s ease infinite; -webkit-animation: mymove 30s ease infinite; } body{ background-image: url(https://i.imgur.com/jba343H.jpg); background-repeat:no-repeat, no-repeat; background-color:#493D26; padding-top:15px !important; background-position: center, center; /* background-size: 100% 100%;*/ 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( 44, 53, 57 ,0.5); border:1px groove #493D26 !important; } .codebox{ -moz-border-radius:5px 7px; -webkit-border-radius:5px 7px; border-radius:5px 7px; background-color:rgba( 44, 53, 57 ,0.5); border:1px groove #493D26; } .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 #493D26; margin-left:3px; margin-right:3px; background-color:rgba(220, 213, 186 ,0.3); } .icon-gold{ -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; color:transparent !important; background:url(https://image.flaticon.com/icons/png/128/47/47313.png) no-repeat, url(https://images.vexels.com/media/users/3/141378/isolated/lists/52ecbbe132b2ff17a2e9f9b08b69a315-tyrannosaur-silhouette.png) 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 #493D26; } h3{ background-image:url(https://www.shareicon.net/data/256x256/2015/11/25/677650_animal_512x512.png); background-size:15px; background-repeat:no-repeat; border-bottom:1px groove #493D26; } .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 #493D26; background-color:rgba(220, 213, 186 ,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: #7A7A7A; text-decoration:none !important; } a:hover, a.postlink:hover{ text-decoration:none !important; background-color:rgba(44, 53, 57, 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 #493D26 !important; background-color:rgba(44, 53, 57,0.6) !important; } .custom_css_rank{ border-bottom:transparent; } .postlink{ border-bottom-color:#493D26; } .postlink:visited{ border-bottom-color:#493D26; } .inner{ padding:-3px !important; margin:-3px !important; }
The text is a little bit dark to read, but everything else looks fantastic!
Thank you Lazuli for my avatar sprites!-
Merkwerkee
- MagiStream Donor
-
- Creatures • Trade
- Posts: 19604
- Joined: July 30th, 2009, 11:58:03 am
- Location: Life persists
Re: CSS Shop (Open)
Wingweeper wrote:With a small wave, I hand over a note with a written request.
"Hello, I've noticed that you were creating codes for users and I was wanting to place in an order. I've used the form below- just to be organized. Sorry if it seems a bit dark."~*~*~
Theme: Dark and rainy cities are nice. But I wouldn't mind a dark/foggy wood.
Colors: Any colors such as blacks, purples and blues are good. Think of bruises.
~*~*~
Here are some links that could help give you an idea.
https://i.pinimg.com/564x/27/45/07/2745 ... 9e2c7b.jpg
https://wallpapersfit.com/wp-content/up ... 010925.jpg
https://f4.bcbits.com/img/a4170709666_10.jpg
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}*/
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 #2B3856;
background-color:rgba(12, 9, 10 ,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 #2B3856;
background-color:rgba(12, 9, 10 ,0.4) !important;
float:right;
padding:5px;
margin-right:-5px;
margin-left:5px;
background-image:none
}
.bg1:hover, .bg2:hover{
background-color:rgba(81, 87, 86, 0.6) !important;
transition:background-color .7s !important;
}
.headerbar.nonmobile{
background-image:url(http://drive.google.com/uc?export=view&id=1qhDcTeIbou7Aj38VBjiwg3sJW9REPhvi) !important;
background-repeat:no-repeat !important;
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
border:1px groove #2B3856;
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 #2B3856;
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 #2B3856;
margin:auto !important;
background-color:rgba(86, 80, 81, 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 #2B3856;
background-color:rgba(0, 0, 0 , 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(86, 80, 81, 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 #2B3856;
background-color:rgba(40, 0, 96,0.4);
background-image:url(https://media1.tenor.com/images/14f070b743bc5dc829c4ff7fdc00e2be/tenor.gif) !important;
}
*{
/* font-family:SinnerScript-Regular !important;*/
color: #E0FFFF !important;
text-align:center !important;
text-decoration:none !important;
}
#wrap{
background-image:none;
background-color:rgba( 44, 53, 57 , 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 #2B3856;
animation: mymove 30s ease infinite;
-webkit-animation: mymove 30s ease infinite;
}
body{
background-image: url(https://i.imgur.com/NNYnZlf.gif);
background-repeat:no-repeat, no-repeat;
background-color:#2B3856;
padding-top:15px !important;
background-position: center, center;
background-size: 100% 100%;
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( 44, 53, 57 ,0.5);
border:1px groove #2B3856 !important;
}
.codebox{
-moz-border-radius:5px 7px;
-webkit-border-radius:5px 7px;
border-radius:5px 7px;
background-color:rgba( 44, 53, 57 ,0.5);
border:1px groove #2B3856;
}
.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 #2B3856;
margin-left:3px;
margin-right:3px;
background-color:rgba(12, 9, 10 ,0.3);
}
.icon-gold{
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
color:transparent !important;
background:url(https://image.flaticon.com/icons/png/128/88/88319.png) no-repeat, url(https://www.shareicon.net/data/256x256/2015/09/16/641770_canada_512x512.png) 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 #2B3856;
}
h3{
background-image:url(https://images.vexels.com/media/users/3/145100/isolated/lists/126240e38d11570aa49af79ac020a59e-skyscraper-building-silhouette.png);
background-size:15px;
background-repeat:no-repeat;
border-bottom:1px groove #2B3856;
}
.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 #2B3856;
background-color:rgba(12, 9, 10 ,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: #7A7A7A;
text-decoration:none !important;
}
a:hover, a.postlink:hover{
text-decoration:none !important;
background-color:rgba(44, 53, 57, 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 #2B3856 !important;
background-color:rgba(44, 53, 57,0.6) !important;
}
.custom_css_rank{
border-bottom:transparent;
}
.postlink{
border-bottom-color:#2B3856;
}
.postlink:visited{
border-bottom-color:#2B3856;
}
.inner{
padding:-3px !important;
margin:-3px !important;
}Okay, I edited the code a bit. Let me know how that looks!Tyrannogon wrote:Thank you so much Merkwerkee!Merkwerkee wrote:Tyrannogon wrote:Would I be able to get one please?
Username: Tyrannogon
Theme: Dinosaurs
Colours: Greens, greys, browns, any kind of earthy toneGive that a try and tell me if the text is too dark to readSpoiler
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}*/ 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 #493D26; background-color:rgba(220, 213, 186 ,0.5) !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 #493D26; background-color:rgba(220, 213, 186 ,0.5) !important; float:right; padding:5px; margin-right:-5px; margin-left:5px; background-image:none } .bg1:hover, .bg2:hover{ background-color:rgba(255, 253, 226, 0.7) !important; transition:background-color .7s !important; } .headerbar.nonmobile{ background-image:url(http://drive.google.com/uc?export=view&id=1o8uurVuo7aYjiKyJSwn5MJb-fdCW2Vke) !important; background-repeat:no-repeat !important; -moz-border-radius:5px 7px; -webkit-border-radius:5px 7px; border-radius:5px 7px; border:1px groove #493D26; 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 #493D26; 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 #493D26; margin:auto !important; background-color:rgba(86, 80, 81, 0.3) !important; background-image:none !important } #page-body{ -moz-border-radius:5px 7px; -webkit-border-radius:5px 7px; border-radius:5px 7px; border:1px groove #493D26; background-color:rgba(123, 111, 88 , 0.3); 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(86, 80, 81, 0.3); 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 #493D26; background-color:rgba(80, 69, 55,0.4); background-image:url(https://thumbs-prod.si-cdn.com/yxQaR6VkJpXVo-udq_nloZRAPqU=/fit-in/1072x0/https://public-media.smithsonianmag.com/filer/dinosaur-sex-mamenchisaurus-guanlong-3.jpg) !important; } *{ /* font-family:SinnerScript-Regular !important;*/ color: #254117 !important; text-align:center !important; text-decoration:none !important; } #wrap{ background-image:none; background-color:rgba( 44, 53, 57 , 0.4) !important; -moz-border-radius:5px 7px; -webkit-border-radius:5px 7px; border-radius:5px 7px; padding-top:20px !important; margin:auto; border: 2px groove #493D26; animation: mymove 30s ease infinite; -webkit-animation: mymove 30s ease infinite; } body{ background-image: url(https://i.imgur.com/jba343H.jpg); background-repeat:no-repeat, no-repeat; background-color:#493D26; padding-top:15px !important; background-position: center, center; /* background-size: 100% 100%;*/ 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( 44, 53, 57 ,0.5); border:1px groove #493D26 !important; } .codebox{ -moz-border-radius:5px 7px; -webkit-border-radius:5px 7px; border-radius:5px 7px; background-color:rgba( 44, 53, 57 ,0.5); border:1px groove #493D26; } .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 #493D26; margin-left:3px; margin-right:3px; background-color:rgba(220, 213, 186 ,0.4); } .icon-gold{ -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; color:transparent !important; background:url(https://image.flaticon.com/icons/png/128/47/47313.png) no-repeat, url(https://images.vexels.com/media/users/3/141378/isolated/lists/52ecbbe132b2ff17a2e9f9b08b69a315-tyrannosaur-silhouette.png) 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 #493D26; } h3{ background-image:url(https://www.shareicon.net/data/256x256/2015/11/25/677650_animal_512x512.png); background-size:15px; background-repeat:no-repeat; border-bottom:1px groove #493D26; } .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 #493D26; background-color:rgba(220, 213, 186 ,0.4); 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: #7A7A7A; text-decoration:none !important; } a:hover, a.postlink:hover{ text-decoration:none !important; background-color:rgba(44, 53, 57, 0.4); -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 #493D26 !important; background-color:rgba(44, 53, 57,0.6) !important; } .custom_css_rank{ border-bottom:transparent; } .postlink{ border-bottom-color:#493D26; } .postlink:visited{ border-bottom-color:#493D26; } .inner{ padding:-3px !important; margin:-3px !important; }
The text is a little bit dark to read, but everything else looks fantastic!
-
Wingweeper
-
- Creatures • Trade
- Posts: 511
- Joined: December 30th, 2017, 8:34:21 pm
- Gender: Kraken
- Location: The ebonywood cottage in Silva Forest.
Re: CSS Shop (Open)
┌------------------------------------------------------------------------------------------------------------------------------------------\Merkwerkee wrote:Wingweeper wrote:With a small wave, I hand over a note with a written request.
"Hello, I've noticed that you were creating codes for users and I was wanting to place in an order. I've used the form below- just to be organized. Sorry if it seems a bit dark."~*~*~
Theme: Dark and rainy cities are nice. But I wouldn't mind a dark/foggy wood.
Colors: Any colors such as blacks, purples and blues are good. Think of bruises.
~*~*~
Here are some links that could help give you an idea.
https://i.pinimg.com/564x/27/45/07/2745 ... 9e2c7b.jpg
https://wallpapersfit.com/wp-content/up ... 010925.jpg
https://f4.bcbits.com/img/a4170709666_10.jpgLet me know if you want me to change anything!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}*/ 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 #2B3856; background-color:rgba(12, 9, 10 ,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 #2B3856; background-color:rgba(12, 9, 10 ,0.4) !important; float:right; padding:5px; margin-right:-5px; margin-left:5px; background-image:none } .bg1:hover, .bg2:hover{ background-color:rgba(81, 87, 86, 0.6) !important; transition:background-color .7s !important; } .headerbar.nonmobile{ background-image:url(http://drive.google.com/uc?export=view&id=1qhDcTeIbou7Aj38VBjiwg3sJW9REPhvi) !important; background-repeat:no-repeat !important; -moz-border-radius:5px 7px; -webkit-border-radius:5px 7px; border-radius:5px 7px; border:1px groove #2B3856; 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 #2B3856; 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 #2B3856; margin:auto !important; background-color:rgba(86, 80, 81, 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 #2B3856; background-color:rgba(0, 0, 0 , 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(86, 80, 81, 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 #2B3856; background-color:rgba(40, 0, 96,0.4); background-image:url(https://media1.tenor.com/images/14f070b743bc5dc829c4ff7fdc00e2be/tenor.gif) !important; } *{ /* font-family:SinnerScript-Regular !important;*/ color: #E0FFFF !important; text-align:center !important; text-decoration:none !important; } #wrap{ background-image:none; background-color:rgba( 44, 53, 57 , 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 #2B3856; animation: mymove 30s ease infinite; -webkit-animation: mymove 30s ease infinite; } body{ background-image: url(https://i.imgur.com/NNYnZlf.gif); background-repeat:no-repeat, no-repeat; background-color:#2B3856; padding-top:15px !important; background-position: center, center; background-size: 100% 100%; 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( 44, 53, 57 ,0.5); border:1px groove #2B3856 !important; } .codebox{ -moz-border-radius:5px 7px; -webkit-border-radius:5px 7px; border-radius:5px 7px; background-color:rgba( 44, 53, 57 ,0.5); border:1px groove #2B3856; } .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 #2B3856; margin-left:3px; margin-right:3px; background-color:rgba(12, 9, 10 ,0.3); } .icon-gold{ -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; color:transparent !important; background:url(https://image.flaticon.com/icons/png/128/88/88319.png) no-repeat, url(https://www.shareicon.net/data/256x256/2015/09/16/641770_canada_512x512.png) 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 #2B3856; } h3{ background-image:url(https://images.vexels.com/media/users/3/145100/isolated/lists/126240e38d11570aa49af79ac020a59e-skyscraper-building-silhouette.png); background-size:15px; background-repeat:no-repeat; border-bottom:1px groove #2B3856; } .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 #2B3856; background-color:rgba(12, 9, 10 ,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: #7A7A7A; text-decoration:none !important; } a:hover, a.postlink:hover{ text-decoration:none !important; background-color:rgba(44, 53, 57, 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 #2B3856 !important; background-color:rgba(44, 53, 57,0.6) !important; } .custom_css_rank{ border-bottom:transparent; } .postlink{ border-bottom-color:#2B3856; } .postlink:visited{ border-bottom-color:#2B3856; } .inner{ padding:-3px !important; margin:-3px !important; }
The colors and theme are perfect though I have to admit, I'm not feeling the pictures too much. I should've listed it before and I hope not to come off as (too) picky, but do you think you could find more futuristic photos? I've listed a few to help out.
\-----------------------------------------------------------------------------------------------------------------------------------------┘
http://coolvibe.com/wp-content/uploads/ ... 92x451.jpg
https://i.ytimg.com/vi/a_UrYsgDpWQ/maxresdefault.jpg
https://orig00.deviantart.net/446d/f/20 ... 52p2fd.jpg
Last edited by Wingweeper on February 7th, 2018, 10:39:40 am, edited 1 time in total.
○» Dʀᴀɢᴏɴ ʟᴏᴠᴇʀ﹐ Dᴀʀᴋ ﹠ Dᴇᴀᴛʜ ʜᴏᴀʀᴅᴇʀ ᴀɴᴅ Iɴsᴏᴍɴɪᴀᴄ. «○
Nᴏ ᴍɪɴɪɴɢ ᴛʜᴇ ᴋᴇᴇᴘ, ᴘʟᴇᴀsᴇ.
○∙»Wɪsʜʟɪsᴛs«∙○
○∙»ᙃɾᥲɠoᥒ ᙅᥲʋᥱ«∙○
○ ∙»Tʜᴇ Fɪɴᴀʟ Oᴜᴛᴘᴏsᴛ«∙ ○
○∙» ᴸᵒᵒᵏᶤᶰᵍ ᵗᵒ ᵇᵘʸˀ ᶜʰᵉᶜᵏ ᵒᵘᵗ ᵐʸ ᵖʳᵒᶠᶤˡᵉ ᶠᵒʳ ᵖʳᶤᶜᵉˢˑ «∙○
Nᴏ ᴍɪɴɪɴɢ ᴛʜᴇ ᴋᴇᴇᴘ, ᴘʟᴇᴀsᴇ.
○∙»Wɪsʜʟɪsᴛs«∙○
○∙»ᙃɾᥲɠoᥒ ᙅᥲʋᥱ«∙○
○ ∙»Tʜᴇ Fɪɴᴀʟ Oᴜᴛᴘᴏsᴛ«∙ ○
○∙» ᴸᵒᵒᵏᶤᶰᵍ ᵗᵒ ᵇᵘʸˀ ᶜʰᵉᶜᵏ ᵒᵘᵗ ᵐʸ ᵖʳᵒᶠᶤˡᵉ ᶠᵒʳ ᵖʳᶤᶜᵉˢˑ «∙○