The Furry Forums
Furry Chat => Tech Central => Topic started by: Keinai on October 18, 2015, 05:23:17 PM
-
I made this for another site programmed by Simple Machines, so it kind of works, but there are major flaws with it that I need fixed.
<style>
body
{
background: url(http://40.media.tumblr.com/tumblr_mb0595hJYH1qcm0eto1_r1_1280.png) #ffffff fixed;;
}
div#profile_success, center, .navigate_section {
display: none;
}
#nav_bar {
background: url(http://i.imgur.com/wg7wor8.png);
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
font-size: 10px;
color: #000000;
text-align: center;
padding-bottom: 5px;
margin-bottom: 10px;
border: 0px solid #7E7E86;
}
#nav_bar > .inline {
display: inline-block;
color: #000000;
}
input, button, select, textarea {
font: 95%/115% verdana, Helvetica, sans-serif;
color: #000000;
background: #7EA9BF;
border: 1px solid #7EA9BF;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
padding: 2px;
}
.roundframe {
padding: 0 10px;
background: transparent;
border: 0px solid #E7FEF9;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
}
ul#menu_nav {
position: relative;
top: 0;
right: 0;
left: 0;
display: block;
margin: 0;
padding: 8px 0 0 10px;
height: 25px;
background: url();
border: 0px solid #7E7E86;
border-radius: 5px;
text-align: center;
color: #ffffff;
font-size: 8pt;
}
ul#menu_nav li a {
color: #000000;
}
.dropmenu li a.active span.firstlevel {
background: transparent;
color: transparent;
}
.dropmenu li a.active span.firstlevel {
background: transparent;
color: #192619;
}
.dropmenu li a.active span.firstlevel {
background: transparent;
color: #192619;
}
.dropmenu li a.firstlevel:hover span.firstlevel, .dropmenu li:hover a.firstlevel span.firstlevel {
background: transparent;
color: #192619;
}
.dropmenu li a.active span.firstlevel {
background: transparent;
color: #ffffff;
}
ul#menu_nav li a {
background: transparent;
color: #000000;
}
#menu_nav.dropmenu li ul {
right: 0;
left: auto;
background: #fff;
}
.userinfo {
width: 445px;
height: 110px;
position: relative;
z-index: 2;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
float: right;
text-align: right;
color: black;
padding-top: 20px;
}
.dropmenu li a.active span.firstlevel {
background: #000;
color: #192619;
}
.dropmenu li a.active span.firstlevel {
background: transparent;
color: black;
}
.dropmenu li a.active {
background: transparent;
color: #192619;
font-weight: bold;
}
.dropmenu li a.firstlevel:hover, .dropmenu li:hover a.firstlevel {
background: transparent;
color: #192619;
cursor: pointer;
text-decoration: none;
}
.list_posts {
border-top: 1px solid #000000;
padding-top: 12px;
margin-top: 6px;
}
.dropmenu li li a span {
display: block;
padding: 8px;
background: #ffffff;
color: #000000;
}
.dropmenu li ul {
z-index: 90;
display: none;
position: absolute;
left: 0;
width: 19.2em;
font-weight: normal;
background: #fff;
padding: 7px 0 0 0;
-moz-box-shadow: 0px 7px 10px rgba(0, 0, 0, .5);
-webkit-box-shadow: 0px 7px 10px rgba(0, 0, 0, .5);
box-shadow: 0px 7px 10px rgba(0, 0, 0, .5);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
#profile_left .catbg, .cat_bar, .catbg77 {
background: url(http://i.imgur.com/S61bXo1.png);
border-radius: 1px 1px 1px 1px;
color: #000000;
}
#profile_right .catbg, .cat_bar, .catbg77 {
background: url(http://i.imgur.com/S61bXo1.png);
border-radius: 1px 1px 1px 1px;
}
h3.catbg77 {
background: transparent;
border-radius: 9px 9px 9px 9px;
color: #181b1d;
padding-right: 9px;
font-size: 1.3em;
font-family: Trebuchet MS, helvetica, sans-serif;
font-weight: bold;
height: 31px;
line-height: 31px;
overflow: hidden;
}
div.cat_bar {
background: url(http://i.imgur.com/zxcHjY2.png);
color: #000000;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
padding-left: 9px;
overflow: hidden;
border-radius: 1px 1px 1px 1px;
}
#profile_left .windowbg {
background: url(http://i.imgur.com/wg7wor8.png);
border: 0px solid #495b40;
border-radius: 1px 1px 1px 1px;
color: #000;
font-family: georgia;
}
#profile_right .windowbg {
background: url(http://i.imgur.com/wg7wor8.png);
border: 0px solid #495b40;
border-radius: 1px 1px 1px 1px;
}
.content {
padding: 0.5em 1.2em;
margin: 0;
color: #000;
font-family: georgia;
}
body, td, th, tr {
color: #000;
font-family: georgia;
}
.windowbg2 {
color: #000;
background: url(http://i.imgur.com/wg7wor8.png);
clear: left;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 1px 1px 1px 1px;
border: 0px solid #7d8d7b;
margin-bottom: 10px;
}
.inner {
padding: 0;
margin: 0 1em 0 0;
color: #000;
border-top: 0px solid #495b40;
overflow: hidden;
}
h1, h2, h3, h4, h5, h6 {
color: #000;
font-size: 1em;
margin: 0;
padding: 0;
}
a:link,a:visited {
color: #7EA9BF;
text-decoration: none;
transition-duration: 0.9s;
font-family: georgia;
}</style>
<p id="acopyright" style="text-align: bottom;">(c) Landshark</p>
<style>body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur830.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/11/24/tiny-finger-point.html" target="_blank" title="Tiny Finger Point"><img src="http://cur.cursors-4u.net/cursor.png" alt="Tiny Finger Point" style="position:absolute; top: 0px; right: 0px; border: 0px;" /></a>
If anyone could help with removing the giant dark gray box or turning it transparent, it would be an extremely big help.
-
the imgur one? if thats the issue just kill that line im no programer but ive messed around with such things by trail and error
-
I'm not sure which line it is, though.
-
I'm not sure which line it is, though.
ok better question where is it on your profile that way we can help better
-
The dark gray box with my profile info inside of it.
-
maybe showing a pic because i cant find it i know you are trying but i cant help without knowing a location sorry
altho it also dont help that im trying to do tech stuff at 5 am going about 13 hrs of no sleep
[attachment deleted by admin]
-
Yeah, the area that's behind the light gray boxes.
-
Yeah, the area that's behind the light gray boxes.
found the old code i had from zarconite
Okay, just make sure that your Ultimate profile is enabled.
Alright, all you need to do is replace the green text with a url linking to a background image of your choice.
I would recommend a high resolution (1920x1080) image so that it looks decent
To apply the code, just copy and paste everything below this into the customization section of your ultimate profile:
<style>
body{
background:url("http://melleum.com/data/uploads/1/262040-1920x1080-wallpaper.jpg (http://melleum.com/data/uploads/1/262040-1920x1080-wallpaper.jpg)") no-repeat center center fixed;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
}
#content_section{
background:rgba(0,0,0,0.0)!important;
}
#content_section div.frame{
background:rgba(0,0,0,0.0)!important;
}
.windowbg,#preview_body{
background:rgba(0,0,0,0.65)!important;
}
#header div.frame{
background:rgba(0,0,0,0.0)!important;
}
#header{
background:rgba(0,0,0,0.65)!important;
}
</style>
-
Thank you!
-
Thank you!
dont thanks me thank zarconite for pming me that code and me never figuring out how to add it
-
I thank both of you, you at least replied to my question and that counts as something to me. :)
-
now i cant figure out how to do it :(