Profile
Personal Photo

No Photo

Options
Custom Title
LizFirestarter doesn't have a custom title currently.
Personal Info
Location: Croatia
Born: 27 July 1989
Website: No Information
Interests
No Information
Other Information
Gender:: Female
Test:: No Information
Statistics
Joined: 07/25/2015
Status: (Offline)
Last Seen: Yesterday at 03:00 pm
Local Time: Jul 17 2018, 08:03 PM
38 posts (0 per day)
( 0.02% of total forum posts )
Contact Information
AIM No Information
Yahoo No Information
GTalk No Information
MSN No Information
SKYPE No Information
Unread Message Message: Click here
Unread Message Email: Private
Signature
View Signature

LizFirestarter

Members

Topics
Posts
Comments
Friends
Video
My Content
Jul 7 2018, 04:31 PM
So, we've recently gotten a new skin. It has a couple of issues, most of them though are pretty light.

However, the skin selector code for the board wrapper doesn't work. I select the skin and nothing happens. I can change the skin from the CP, as can regular members but for some reason, the skin selector doesn't work.

Board.

I would ask the skin creator since it's a custom skin but they're currently out of the country so figured I'd ask you to take a look at it for me.
Mar 1 2017, 04:38 PM
Hey, so I could really use your help with a mini profile recently implemented. The username rests on a background which changes color based on the usergroup. So, I want the username to be a set color which I've added to the CSS but to be clickable. Originally, it did work before the usergroup based background color didn't but now with the adjustments, I'm not really sure what I've done that it doesn't work.

When I use <!---name--->, it makes the username the same color as the background, which makes it really hard to read.

But when I use
CODE
<a href="http://thearrow.jcink.net/index.php?showuser=<!-- |id| -->"><!-- |author_name| --></a></center></div>


It's not clickable on this skin. I've had a similar issues with a different skin and a different mini profile and this solved the issue there so I went back and took the section of the code but it's not a username link, just words (I've hidden the other username and hoping to just use this one in posts).

(can provide printscreens if necessary)

Board: The Arrow

(The skin is member only, named 'The Flash 2.0) but here's the specs:

mini profile:
CODE
<div id="thmp"><div class="thmpNAME1 mp-bg-<!-- |g_id| -->"><center><div id="thmpNAME1" style="border: solid 20px <!-- |g_icon| -->;<a href="http://thearrow.jcink.net/index.php?showuser=<!-- |id| -->"><!-- |author_name| --></a></center></div><div style="height: 400px;"><!-- |avatar| --></div><div class="thmphover" style="margin-top: -390px;"><div class="thmpTYPE"><!-- |field_3| --></div><div class="thmpGIF"><img src="<!-- |field_24| -->" width="210" height="120"></div><div class="thmpBOX" style="box-shadow: 1px 1px 1px <!-- |g_icon| -->;"><a href="<!-- |field_1| -->">application</a></div><div class="thmpBOX" style="box-shadow: 1px 1px 1px <!-- |g_icon| -->;"><a href="<!-- |field_11| -->">tracker</a></div><div class="thmpBOX" style="box-shadow: 1px 1px 1px <!-- |g_icon| -->;"><a href="<!-- |field_9| -->">shipper</a></div> <div class="thmpBOX2" style="box-shadow: 1px 1px 1px <!-- |g_icon| -->;"><!-- |field_6| --> is currently <!-- |status| --></div><div class="thmpBOX7" style="margin-top: 5px; box-shadow: 1px 1px 1px <!-- |g_icon| -->;"><marquee behavior="scroll" direction="left"><!-- |field_5| --></marquee></div><div class="thmpBOX4" style="box-shadow: 1px 1px 1px <!-- |g_icon| -->;"><!-- |field_8| --></div><div class="thmpBOX8" style="box-shadow: 1px 1px 1px <!-- |g_icon| -->;"><!-- |field_9| --></div><div class="thmpBOX5" style="box-shadow: 1px 1px 1px <!-- |g_icon| -->;"><!-- |field_12| --></b></div><div class="thmpBOX6" style="box-shadow: 1px 1px 1px <!-- |g_icon| -->;"><!-- |posts| --> posts</div><div class="thmpBOX9" style="box-shadow: 1px 1px 1px <!-- |g_icon| -->;"><!-- |field_4| --></div><div id="thmpBL">❝<!-- |title| -->❞</div></div></div></div><center><!-- |awards| --></center>


CSS:
CODE
/*=============================================== *
* Jcink.com Forum Hosting Stylesheet
* ==============================================
* #Skin Name: BLOOD BANK
* #Skin Creator: MISS TEXAS.
*=============================================== */

html { overflow-x: auto; }
form { display:inline; }

/****************************************
Body Background & Text Style
*****************************************/

body {
font-family: 'Calibri', sans-serif;
font-size: 10px;
color: #C4C4C4; margin:0px;
padding:0px;
    background-color:#0D0D0D;
text-align:center;
}
::-webkit-scrollbar{width: 8px; height: 8px;background-color: #0d0d0d;}
::-webkit-scrollbar-corner{ background-color: #0d0d0d; }
::-webkit-scrollbar-track{background-color:#0d0d0d;}
::-webkit-scrollbar-thumb{ background-color: #540303; }

/****************************************
Table Styles
*****************************************/

table, tr, td {
font-family: 'Calibri', sans-serif;
font-size: 10px;
color: #C4C4C4;
}

/****************************************
Board Width
*****************************************/

#wrapper {
text-align:left;
    width:900px;
    margin: 20px auto 30px;
    background: #1C1A1A;
padding: 20px;
}

#innerwrapper {
padding: 0 10px;
}

/****************************************
Link colors
*****************************************/

a:link, a:visited, a:active {
text-decoration: none;
color: #A6A6A6;
text-transform: uppercase;
}
a:hover {
color: white;
text-decoration: none;
}


/****************************************
Profile styles
*****************************************/

#profilename {
font-size:28px;
font-weight:bold;
}

#photowrap {
padding:6px;
}

#phototitle {
font-size:24px;
border-bottom:1px solid black;
}

#photoimg   {
text-align:center; margin-top:15px;
}

/****************************************
UserCP/My Controls styles
*****************************************/

#ucpmenu {
line-height:150%;
width:22%;
background-color: #0d0d0d;
}

#ucpmenu p  {
padding:2px 5px 6px 9px;
margin:0px;  
}

#ucpcontent {
background-color: #0d0d0d;
line-height:150%; width:auto;
}

#ucpcontent p  {
padding:10px;
margin:0px;
}

/****************************************
Logo Strip
*****************************************/

#logostrip {
display: none;
}

#logo {
min-height: 60px;
text-align: left;
margin-top: 5px;
padding: 20px 20px 5px;
}


#logo a, #logo a:hover {
font-size: 36px;
text-decoration: none;
font-weight: bold;
color: #800000;
}

/****************************************
Search Bar
*****************************************/

#searchbar {
display: block;
float: right;
position: relative;
right: 10px;
top: 8px;
}

#searchbar .search-container {
background-color: #FFFFFF;
box-shadow: 0 1px 3px rgba(0,0,0,0.4) inset;
border: 1px solid #D8D8D8;
display: block;
height: 26px;
position: relative;
width: 200px;
}

#searchbar .search-input {
background: none repeat scroll 0 0 transparent;
border: 0;
color: #808080;
font-size: 12px;
width: 192px;
height: 26px;
font-family: Arial, sans-serif;
padding: 1px 0 0 8px;
}

#searchbar .search-input:focus {
color: #000000;
}

#searchbar .search-button {
background: #800000 url(http://files.b1.jcink.com/themes/default/magnifying-glass.png) no-repeat 50% 50%;
border: 0;
bottom: 0;
margin: 0;
border-radius: 0;
display: block;
height: 26px;
padding: 0;
position: absolute;
right: 0;
text-indent: -3000em;
top: 0;
width: 26px;
cursor: pointer;
box-shadow: none;
}

/****************************************
Navigation Bar / Submenu
*****************************************/

#submenu  {
font-size: 13px;
border: solid #555;
    border-width: 1px 0;
background-color: #800000;
    background-position: center center;
    margin-bottom: 3px;
display: none;
}

#submenu img {
display: none;
}

#submenu a:link, #submenu a:visited, #submenu a:active {
text-decoration: none;
color: #fff !important;
    padding: 7px 7px;
    font-weight: bold;
}

#submenu a:hover {
color: #fff !important;
text-decoration: underline;
}

#navi br {
display: none;
}

#navstrip  {
padding:6px 0px 16px 0px;
text-align: center;
font-family: 'open sans condensed', 'calibri', sans-serif;
font-weight: 300;
font-size: 14px;
letter-spacing: 1px;
text-transform: uppercase;
}

/****************************************
Calendar styling
*****************************************/

.caldate   {
text-align:right;
font-weight:bold;
font-size:11px;
color:#555;
background-color:#F2F2F2;
padding:4px; margin:0px;
}

#calendarname {
font-size:22px;
font-weight:bold;
}

#padandcenter {
margin-left:auto;
margin-right:auto;
text-align:center;
padding:14px 0px 14px 0px;
}


/**************************************************
User Links Menu (Messages / View new posts / etc )
***************************************************/

#userlinks {
list-style: none;
width: 100%;
padding: 5px;
text-transform: uppercase;
font-family: 'calibri', sans-serif;
font-size: 10px;
margin: 0 auto;
background-color: #0D0D0D;
}

#userlinks td {
color:#c4c4c4;
}

#userlinks a {
text-decoration: none; padding: 1px;
}

#userlinks a:hover {
text-decoration: none;
}


/****************************************
Topic View styles
*****************************************/

.activeuserstrip {
background-color: #0d0d0d;padding:6px
}

.normalname {
font-size: 12px;
font-weight: bold;
color: #003;
display: none;
}

.normalname a {
font-size: 12px;
display: none;
}

.unreg {
font-size: 11px;
font-weight: bold;
color: #900;
}

.post1 {
background-color: #302F2F;
}

.post2 {
background-color: #302F2F;
}

.postdetails {
font-size: 10px;
}

.postcolor   {
font-size: 10px; line-height: 160%;
}

.postlinksbar {
    padding: 1px 5px;
background-color:#0d0d0d;
padding:3px;
font-size:8px;
text-transform: uppercase;
}

.postlinksbar a{color: #c4c4c4;}

.signature   {
font-size: 10px;
color: #339;
line-height:150%;  
}


/*******************************
Pagination e.g. [1],2,3 ...
*******************************/

.pagination .pagination_current, .pagination a {
 padding: 2px 5px;
}

.pagination a:link, .pagination a:visited, .pagination a:active {
background: #730505;
color: #c4c4c4;
font-size: 8px;
font-weight: normal
margin: 3px;
padding: 5px;
text-decoration: none;
border: none;
text-transform: uppercase;
}

.pagination a:hover {
background: #EFEEEE;
text-decoration: none;
color:#000000;
}

.pagination .pagination_current {
background: #fff;
color: #730505;
font-size: 8px;
font-weight: normal
margin: 3px;
padding: 5px;
text-decoration: none;
border: none;
text-transform: uppercase;
}

.pagination_first, .pagination_last, .pagination_page {
background: #730505;
color: #c4c4c4;
font-size: 8px;
font-weight: normal
margin: 3px;
padding: 5px;
text-decoration: none;
border: none;
text-transform: uppercase;
}

.pagination_pagetxt {
display:none;
}

/****************************************
Global general table/div row styles
*****************************************/

.row1,.row3,.row4,.row2 {
background-color: #302F2F;
padding: 5px;
color:#c4c4c4
}

#boardstats .row2 {
text-align: center;
}

.darkrow1 {
background-color: #302F2F; color: #C4c4c4;
}

.darkrow2 {
background-color: #302F2F; color:#c4c4c4;
}

td.darkrow2 {
display: none;
}

.darkrow3 {
background-color: #302F2F;
color:#c4c4c4;
padding: 3px;
}
.row2{border:0px!important;}

.hlight { background-color: #0d0d0d; }
.dlight { background-color: #0d0d0d; }

/****************************************
Top table bars / gradient holders
*****************************************/

.maintitle {
font-weight: normal;
font-family: 'open sans condensed', sans-serif;
font-size: 18px;
text-transform: uppercase;
font-weight: bold;
line-height:120%;
padding: 30px 20px;
color: #FFF;
letter-spacing: 2px;
text-align: center;
background-color: #540303;
overflow: hidden;
-webkit-transition: all 1.25s ease;
-moz-transition: all 1.25s ease;
-ms-transition: all 1.25s ease;
-o-transition: all 1.25s ease;
transition: all 1.25s ease;
border-right: 1px solid #0d0d0d;
border-left: 1px solid #0d0d0d;
}

.maintitle a:link, .maintitle  a:visited, .maintitle  a:active {
text-decoration: none; color: #FFF!important;
}

.maintitle a:hover {
text-decoration: none;
}

.maintitle:hover {
border-right: 50px solid #0D0D0D;
border-left: 50px solid #0D0D0D;
-webkit-transition: all 1.25s ease;
-moz-transition: all 1.25s ease;
-ms-transition: all 1.25s ease;
-o-transition: all 1.25s ease;
transition: all 1.25s ease;
}

.maintitle img { display:none; opacity: 0;}
/****************************************
Bar directly below the maintitles
*****************************************/

.titlemedium {
font-weight:normal;
font-size: 8px;
text-transform: uppercase;
text-align: center;
color:#C4C4C4;
padding: 2px 6px; margin:0px;
background-color:#0D0D0D;
letter-spacing: 2px;
}

.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  {
text-decoration: none;
color: #222;
}

/****************************************
Table & Div Borders
*****************************************/

.tableborder {
background-color: #0d0d0d;
border:0px solid #555; padding:0px; margin:0;  
}

#wrapper .tableborder table{border-collapse: collapse;}

.tablefill {
background-color: #302F2F;
border:1px solid #555;
padding:6px;
}

.tablepad {
background-color: #302F2F;
padding:6px;
}

.tablebasic {
width:100%; padding:0; margin:0px; border:0px;
}

.plainborder {
border:1px solid #0d0d0d;
background-color: #302F2F;
}

/****************************************
QUOTE and CODE BBCode boxes
*****************************************/

#QUOTE {
white-space:normal;
font-family: 'Calibri', sans-serif;
font-size: 10px;
color: #c4c4c4;
background-color: #0d0d0d;
border: 0px;
padding:15px;
line-height:110%;
margin-top:2px;
border-right: 5px solid #540303;
font-style: italic;
}

#CODE  {
white-space:normal;
font-family: 'Calibri', sans-serif;
font-size: 10px;
color: #c4c4c4;
background-color: #0d0d0d;
border: 0px;
padding:15px;
line-height:110%;
margin-top:2px;
border-right: 5px solid #540303;
}


/**********************************************
Input buttons, e.g. submit, text input, etc
***********************************************/

.button-large {
font-family: 'open sans condensed', 'calibri', sans-serif;
font-size: 14px;
color: #730505;
text-transform: uppercase;
padding: 0px 10px;
font-weight: 700;
line-height:100%;
display: inline-block;
letter-spacing: 1px;
}


.button-small {
font-family: 'open sans condensed', 'calibri', sans-serif;
font-size: 12px;
color: #fff;
text-transform: uppercase;
padding: 0px 10px;
font-weight: 700;
line-height:100%;
display: inline-block;
letter-spacing: 1px;
}

.post-buttons-top { margin-top: 3px; }

.button-large.closed {
font-family: 'open sans condensed', 'calibri', sans-serif;
font-size: 14px;
color: #302F2F;
text-transform: uppercase;
padding: 0px 10px;
font-weight: 700;
line-height:100%;
display: inline-block;
letter-spacing: 1px;
}

.forminput, .codebuttons, .textinput, .radiobutton, .checkbox {
background: #C7C7C7; border: 1px solid #545454;
color: #000;
font-family: 'calibri', Arial, sans-serif;
font-size: 10px;
padding: 2px;
vertical-align: middle;
}


input[type=submit], input[type=button], input[type=reset] {
background: #730505;
color: #c4c4c4;
font-size: 8px;
font-weight: normal
margin: 3px;
padding: 5px;
text-decoration: none;
border: none;
text-transform: uppercase;
}

.codebuttons  {
font-size: 10px;
}


/****************************************
Form table cell styles, left/right/top
*****************************************/

.pformstrip {
font-weight:normal;
font-size: 8px;
text-transform: uppercase;
color:#C4C4C4;
padding: 2px 6px; margin:0px;
background-color:#0D0D0D;
letter-spacing: 2px;
}

.pformleft  {
background-color: #0D0D0D;
padding:6px;
margin-top:1px;width:25%;
border-top:1px solid #545454;
border-right:1px solid #545454;
}

.pformleftw {
background-color: #0D0D0D; padding:6px;
margin-top:1px;width:40%;
border-top:1px solid #232323;
border-right:1px solid #232323;
}

.pformright {
background-color: #0D0D0D;
padding:6px; margin-top:1px;
border-top:1px solid #232323;
}


/****************************************
Tabs on the portal profiles + sections
*****************************************/

.opentab {
font-family: 'open sans condensed', 'calibri', sans-serif;
font-size: 14px;
color: #fff;
text-transform: uppercase;
padding: 0px 10px;
font-weight: 700;
line-height:100%;
display: inline-block;
letter-spacing: 1px;
}

.closedtab {
font-family: 'open sans condensed', 'calibri', sans-serif;
font-size: 14px;
color: #730505;
text-transform: uppercase;
padding: 0px 10px;
font-weight: 700;
line-height:100%;
display: inline-block;
letter-spacing: 1px;
}

.positiontab {
height: 24px; margin-left: 2px;
}

/****************************************
Delete all cookies / mark read
*****************************************/

#delcookiesrow, #mark-as-read-subto {
background-color: #EFEFEF;
border: 1px solid #545454;
font-size: 10px;
padding: 5px;
    width: 260px;
    float: right;
    margin-top:-3px;
    padding-left:1px;
    display:none;
}

#mark-as-read-subto {
float: none;
padding-top: 3px;
}


/*******************************
 Board Statistics Links
*******************************/

.toplinks a {
color: #c4c4c4;
font-size: 8px;
text-decoration: none;
}

.toplinks {
margin: 0 11px -10px 0;
text-align: center;
color: transparent;
}

/*******************************
Mini Profile Seperators
*******************************/

.postbit {
border-bottom: solid 1px #C0C0C0;
color: #c4c4c4;
background: #302F2F;
font-size: 11px;
    padding: 6px 7px;
}

/********************************
Miscellaneous
********************************/

/* image tag styles */
img        { vertical-align:middle; border:0px }
img.attach { border:2px outset #555;padding:2px }

/* Forum Descriptions */
.desc { font-size:11px; color:#c4c4c4 }

/****************
* SUB FORUMS *
****************/
.bgimg {text-align: justify; background-repeat: no-repeat; opacity: 0.5; filter: alpha(opacity=50); margin-left: -50px; display: inline;}
.desc2 {overflow:auto;text-transform: uppercase; color:#cecece; }

/* Edited by text */
.edit { font-size: 9px }

/* Topic Macros */

.wrapmini { float: left; }

/* Warning CSS */
.warngood { color:green }
.warnbad  { color:red }

/* Skin selector dropdown */
#skin_selector {
margin: 10px 0;
}


/* Online users list row */
.thin {
padding:6px;
line-height:140%;
font-family: 'open sans condensed', 'calibri', sans-serif;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
margin:2px 0px 2px 0px;
border-top:1px solid #545454;
border-bottom:1px solid #545454;
}

/* Latest news area */
.newstext {
background-color: #EFEFEF;
border: 1px solid #555;
padding: 6px 6px 2px 6px;
margin-bottom: 10px;
display: none;
}

/* Highlighted text in search */
.searchlite {
color:#F00;
font-weight:bold;  
background-color:#FF0;
}

/****************************************
Mobile-specific Styles
*****************************************/

#mobile {
background-color: #FBFBFB;
}

/***********************************
Copyright: Removal is against Terms
************************************/

.copyright {
font-size: 10px; line-height: 12px;
}

/***********************************
Sidebar
************************************/
#main{width:900px; height:100%; position: relative; top: 0px; left: 250px;}
#leftNav {
width: 100px;
height: 100%;
top: 0px;
right: auto;
left: 0px;
position: fixed;
_position: absolute;
}
#leftNavTog {
position: fixed;
width: 210px;
height: 30px;
left: 20px;
bottom: 15px;
z-index: 999;
cursor: pointer;
background-position: right center;
font-family: 'open sans condensed', 'calibri', sans-serif;
font-size: 18px;
color: #540303;
font-weight: 700;
}
#leftNavContent {
position: fixed;
left: 20px;
width: 210px;
height: 100%;
overflow: auto;
text-align: center;
padding-top: 30px;
color: #FFFFFF;
}
.flsbtitle a{
font-family: 'open sans condensed', 'calibri', sans-serif;
font-weight: 700;
color: #540303;
line-height:100%;
font-size: 24px;
text-transform: uppercase;
}
.flsbtitle:first-letter{color:#fff;}
.flsbdesc{
padding: 0px 10px 0px 15px;
margin: 5px 0px 10px 0px;
background-color: #302F2F;
color: #c4c4c4;
text-align: center;
font-size: 10px;
line-height: 110%;
max-height: 100px;
border-bottom: 15px solid #302F2f;
border-top: 15px solid #302F2f;
border-right: 15px solid #302F2f;
overflow: auto;
}
.flsblink{
width: 103px;
margin: 1px;
display: inline-block;
background-color: #540303;
color: #c4c4c4;
padding: 4px 0px;
line-height: 100%;
font-family: 'calibri', sans-serif;
font-size: 8px;
text-transform: uppercase;
}
/***********************************
CFS BY MISS TEXAS
***********************************/
.new-section:before, .new-section:after { content: " "; display: table; }
.new-section:after { clear: both; }
.new-section { *zoom: 1; background-color: #1C1A1A; padding: 10px;}
#indexcontainer{
width:403px;
margin: 2px;
height: 205px;
padding: 10px;
background-color: #0d0d0d;
float: left;
display: inline-block
vertical-align: bottom;
}
.indextitle{
text-align: right;
border-bottom: 1px solid #302f2f;
line-height:100%;
padding: 10px 5px;
}
.indextitle a{
text-transform: uppercase;
font-family: 'open sans condensed', 'calibri', sans-serif;
font-size: 24px;
color: #660404;
font-weight: 700;
letter-spacing: 1px;
}
.indextitle:first-letter{color: #fff!important;}

.indexstats{
width: 180px;
background-color: #212020;
height: 70px;
margin: 6px 6px 6px 0px;
}
.indexdesc{
background-color: #302f2f;
width:179px;
height: 116px;
margin: 6px 0px;
padding: 0px  5px 0px 15px;
text-align: justify;
overflow: auto;
line-height: 100%;
border-top: 15px solid #302f2f;
border-bottom:15px solid #302f2f;
border-right:15px solid #302f2f;
}
.statnumber{
padding: 15px 10px 0px 20px;
text-align: center;
width: 30%;
display: inline-block;
font-family: 'open sans condensed', 'calibri', sans-serif;
font-size: 32px;
font-weight: 700;
color: #4c2c2c;
line-height: 100%;
}
.stattitle{
font-family: 'open sans condensed', 'calibri', sans-serif;
font-size: 10px;
text-transform: uppercase;
font-weight: 300;
color: #888888;
line-height:100%;
}
.indexlastpost{
padding: 15px 0px 5px;
text-align: center;
border-bottom: 1px solid #8C2626;
font-size: 8px;
text-transform: uppercase;
line-height: 100%;
}
.lastpostdate{
font-size: 8px;
text-transform: uppercase;
line-height: 100%;
text-align: center;
padding-top: 5px;
}
.indexdesc a{
font-size: 8px;
text-transform: uppercase;
background-color: #540303;
color: #c4c4c4;
line-height:150%;
padding: 3px 5px;
}
/**************************
Header
**************************/
.flheader{
width: 900px;
height: 400px;
background-image: url(http://www.imagerotation.com/Adriannafiore/tabanners.png); /* THIS IS WHERE YOU'LL INPUT YOUR HEADER IMG*/
position: relative;
overflow: hidden;
}
.flhover1{
width:200px;
height: 250px;
top: -250px;
position: absolute;
left: 95px;
background-color: rgba(0,0,0,0.7);
-webkit-transition: all .5s ease-in;
-moz-transition: all .5s ease-in;
-ms-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
transition: all .5s ease-in;
text-align: center;
}
.flheader:hover .flhover1{
top:50px;
}

.flhover2{
width:300px;
height: 250px;
bottom: -250px;
position: absolute;
left: 300px;
background-color: rgba(0,0,0,0.7);
-webkit-transition: all .5s ease-in;
-moz-transition: all .5s ease-in;
-ms-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
transition: all .5s ease-in;
text-align: center;
}
.flheader:hover .flhover2{
bottom:50px;
}
.flhover3{
width:200px;
height: 250px;
top: -250px;
position: absolute;
left: 605px;
background-color: rgba(0,0,0,0.7);
-webkit-transition: all .5s ease-in;
-moz-transition: all .5s ease-in;
-ms-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
transition: all .5s ease-in;
text-align: center;
}
.flheader:hover .flhover3{
top:50px;
}
.fltitle{
font-family: 'open sans condensed', 'calibri', sans-serif;
font-size: 24px;
color: #540303;
line-height:100%;
padding: 20px;
text-align: right;
text-transform: uppercase;
font-weight: 700;
}
.fltitle:first-letter{color: #fff;}
.flbox{
padding: 0px 0px 20px 20px;
overflow: auto;
height: 125px;
text-align: justify;
line-height: 110%;
margin: 20px 20px 0px 0px;
}
.flbox b{color: #755252;}

.flstaffbox{
height: 50px;
width: 130px;
display: inline-block;
float: left;
list-style: none;
margin:0px!important;
overflow:hidden;
}
.flstaffhover{
background-color:#0D0D0D;
height: 50px;
width: 130px;
opacity:0;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
text-align: center;
overflow: scroll;
}
.flstaffbox:hover .flstaffhover{opacity:1;}
.fladmintitle{
padding-top:20px;
text-align: center;
font-family: 'open sans condensed', 'calibri', sans-serif;
font-size: 14px;
text-transform: uppercase;
color: #730505;
font-weight: 700;
line-height: 100%;
}
.fladmintitle a{
font-family: 'open sans condensed', 'calibri', sans-serif;
font-size: 14px;
text-transform: uppercase;
color: #730505;
font-weight: 700;
line-height: 100%;
}
.fladmintitle a:hover{color:#fff;}

/**************************
Mini profile
**************************/

#thmp { width: 250px; height: 450px; overflow: hidden; margin-top: 2px; }
#thmpNAME1 { width: 210px; height: 300px: padding: 5px; align-content: center; text-align: center; letter-spacing: 1px; font-family: 'oswald'; font-size: 22px; color: #302F2F; text-transform: uppercase; }
#thmpNAME1 a:link { text-decoration: none; width: 250px; height: 250px: padding: 2px; text-align: center; letter-spacing: 1px; font-family: 'oswald'; font-size: 22px; text-transform: uppercase; color: #302F2F; }
#thmpNAME1 a:visited { text-decoration: none; width: 250px; height: 250px: padding: 10px; text-align: center; letter-spacing: 1px; font-family: 'oswald'; font-size: 22px; text-transform: uppercase; color: #302F2F; }
#thmpNAME1 a:hover { text-decoration: none; width: 250px; height: 250px: padding: 2px; text-align: center; letter-spacing: 1px; font-family: 'oswald'; font-size: 22px; text-transform: uppercase; color: #302F2F; }
#thmpNAME1 a:active { text-decoration: none; width: 250px; height: 250px: padding: 2px; text-align: center; letter-spacing: 1px; font-family: 'oswald'; font-size: 18px; text-transform: uppercase; color: #302F2F; }
.thmphover { width:210px; height:360px; margin: 20px; float: left; background-color:#fff; position:relative; right:400px; -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -o-transition-duration: 2s; transition: 2s; }
.thmpTYPE { width: 200px; height: 25px; background-color: #f2f2f2; text-transform: uppercase; text-align: center; padding: 5px; line-height: 25px; font-size: 16px; font-family: 'oswald'; letter-spacing: 2px; color: #000; position: absolute;}
.thmpGIF { width:210px; height:100px; margin-top: 35px; }
.thmpBOX { width: 53px; float: left; height: 10px; padding: 5px; margin-left: 5px; background-color: #f2f2f2; margin-top: 30px; font-family: 'calibri'; text-align: center; font-size: 9px; color: #000; line-height: 10px; text-transform: uppercase; }
.thmpBOX2 { width: 190px; height: 10px; margin-left: 5px; padding: 5px; background-color: #f2f2f2; margin-top: 60px; font-family: 'calibri'; text-align: center; font-size: 9px; color: #000; line-height: 10px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; }
.thmpBOX3 { width: 50px; float: left; height: 10px; padding: 5px; margin-left: 5px; background-color: #f2f2f2; margin-top: 10px; font-family: 'calibri'; text-align: center; font-size: 9px; color: #000; line-height: 10px; text-transform: uppercase; }
.thmpBOX4 { width: 90px; height: 10px; margin-left: 5px; padding: 5px; background-color: #f2f2f2; margin-top: 5px; font-family: 'calibri'; text-align: center; font-size: 9px; color: #000; line-height: 10px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; margin-top: 5px; }
.thmpBOX5 { width: 190px; height: 10px; margin-left: 5px; padding: 5px; background-color: #f2f2f2; margin-top: 5px; font-family: 'calibri'; text-align: center; font-size: 9px; color: #000; line-height: 10px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; float: left; margin-left: 5px; margin-top: 5px; }
.thmpBOX6 { width: 90px; height: 10px; margin-left: 5px; padding: 5px; background-color: #f2f2f2; margin-top: 5px; font-family: 'calibri'; text-align: center; font-size: 9px; color: #000; line-height: 10px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; margin-top: 30px; }
.thmpBOX7 { width: 190px; height: 10px; margin-left: 5px; padding: 5px; background-color: #f2f2f2; margin-top: 60px; font-family: 'calibri'; text-align: center; font-size: 9px; color: #000; line-height: 10px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; }
.thmpBOX8 { width: 85px; height: 10px; margin-right: 5px; padding: 5px; background-color: #f2f2f2; margin-top: 5px; font-family: 'calibri'; text-align: center; font-size: 9px; color: #000; line-height: 10px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; float: right; margin-left: 10px; margin-top: -20px; }
.thmpBOX9 { width: 85px; height: 10px; margin-right: 5px; padding: 5px; background-color: #f2f2f2; margin-top: 5px; font-family: 'calibri'; text-align: center; font-size: 9px; color: #000; line-height: 10px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; float: right; margin-left: 10px; margin-top: -20px; }
#thmpBL { width: 180px; height: 15px; margin-left: 10px; padding: 5px; margin-top: 15px; font-family: 'calibri'; text-align: center; font-size: 9px; color: #000; line-height: 10px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; overflow: hidden; }
#thmp:hover .thmphover { right:0px; }

#thmpNAME1 mp-bg{ width: 250px; height: 300px: padding: 5px; text-align: center; letter-spacing: 1px; font-family: 'oswald'; font-size: 22px; color: #302F2F; text-transform: uppercase; }

#thmpNAME1 mp-bg a:link, #thmpNAME1 mp-bg a:visited, #thmpNAME1 mp-bg a:active { color: #302F2F; }

.mp-bg-11 { background-color: #68228B; }
.mp-bg-4 { background-color: #800080; }
.mp-bg-13 { background-color: #F7819F; }
.mp-bg-27 { background-color: #FFFFFF; }
.mp-bg-28 { background-color: #000000; }
.mp-bg-6 { background-color: #070791; }
.mp-bg-5 { background-color: #FFEC8B; }
.mp-bg-7 { background-color: #dbde01; }
.mp-bg-9 { background-color: #698B22; }
.mp-bg-22 { background-color: #C0C0C0; }
.mp-bg-10 { background-color: #07bed9; }
.mp-bg-20 { background-color: #9E0A0A; }
.mp-bg-16 { background-color: #b31482; }
.mp-bg-8 { background-color: #00FF00; }
.mp-bg-23 { background-color: #0D5118; }
.mp-bg-24 { background-color: #E00000; }
.mp-bg-26 { background-color: #1919FF; }
.mp-bg-25 { background-color: #888888; }
.mp-bg-3 { background-color: #8AF5AC; }
.mp-bg-21 { background-color: #f25500; }
.mp-bg-17 { background-color: #9F000F; }
Jul 10 2016, 04:25 AM
Okay, so I've gotten a custom staff code for a sidebar on one of the skins. The board. The code is individual per user (lists also subaccount when hovered over. The problem is I need three of them so when I added others, the newly added image showed on the previous one. So once three were dne, I had them all three with the last image and I can't seem to find a way to get to it. The coder isn't quite able to sort through.



CODE

<center>
<style>
#lofstframe { width: 100px;  height: 150px; background: url(http://i159.photobucket.com/albums/t130/liz_firestarter3/The%20Arrow/eb80e088-e80f-4824-bb72-359a3b4e15bd_zpsjqddt6yb.jpg); position: relative; overflow: hidden; }

#lofstframe .lofsthold { width: 90px; height: 140px; background: #000; padding: 5px; position: absolute; top: 0px; left: -100px; -webkit-transition: .8S all ease-in; -moz-transition: 0.8S all ease-in; o-transition: 0.8S all ease-in; }
#lofstframe:hover .lofsthold { left: 0px; -webkit-transition: .8S all ease-out; -moz-transition: 0.8S all ease-out; o-transition: 0.8S all ease-out; }

.lofsthold h1 { width: 90px; height: 25px; line-height: 25px; color: #080; font-size: 19px; text-align: center;  text-transform: uppercase; margin: 0px; text-decoration: underline; }

.lofstlinks { width: 90px; height: 110px; margin-top: 5px; overflow: auto; font-size: 11px; line-height: 11px; text-align: center; }
.lofstlinks a:link, .lofstlinks a:visited, .lofstlinks a:active { color: #fff; }
.lofstlinks::-webkit-scrollbar { width: 2px; }
.lofstlinks::-webkit-scrollbar-thumb { background: #000; }
.lofstlinks a:hover { font-style: italic; }

</style>

<div id="lofstframe">

<div class="lofsthold">

<h1>Felicity</h1>
<div class="lofstlinks">
<a href="http://thearrow.jcink.net/index.php?showuser=1">Felicity</a><p>
<a href="http://thearrow.jcink.net/index.php?showuser=22">Niamh</a><p>
<a href="http://thearrow.jcink.net/index.php?showuser=35">Tara</a><p>
<a href="http://thearrow.jcink.net/index.php?showuser=110">Felony</a><p>
</div></div></div>

<style>
#lofstframe { width: 100px;  height: 150px; background: url(http://i159.photobucket.com/albums/t130/liz_firestarter3/The%20Arrow/1865a506-5746-4d60-9066-1d8f18f717ce_zpsp7m3nztk.jpg); position: relative; overflow: hidden; }

#lofstframe .lofsthold { width: 90px; height: 140px; background: #000; padding: 5px; position: absolute; top: 0px; left: -100px; -webkit-transition: .8S all ease-in; -moz-transition: 0.8S all ease-in; o-transition: 0.8S all ease-in; }
#lofstframe:hover .lofsthold { left: 0px; -webkit-transition: .8S all ease-out; -moz-transition: 0.8S all ease-out; o-transition: 0.8S all ease-out; }

.lofsthold h1 { width: 90px; height: 25px; line-height: 25px; color: #080; font-size: 19px; text-align: center;  text-transform: uppercase; margin: 0px; text-decoration: underline; }

.lofstlinks { width: 90px; height: 110px; margin-top: 5px; overflow: auto; font-size: 11px; line-height: 11px; text-align: center; }
.lofstlinks a:link, .lofstlinks a:visited, .lofstlinks a:active { color: #fff; }
.lofstlinks::-webkit-scrollbar { width: 2px; }
.lofstlinks::-webkit-scrollbar-thumb { background: #000; }
.lofstlinks a:hover { font-style: italic; }

</style>

<div id="lofstframe">

<div class="lofsthold">

<h1>Oliver</h1>
<div class="lofstlinks">
<a href="http://thearrow.jcink.net/index.php?showuser=200">Oliver</a><p>
<a href="http://thearrow.jcink.net/index.php?showuser=223">Amit Ibn</a><p>
<a href="http://thearrow.jcink.net/index.php?showuser=220">Jack</a><p>
</div></div></div>

<style>
#lofstframe { width: 100px;  height: 150px; background: url(http://i159.photobucket.com/albums/t130/liz_firestarter3/The%20Arrow/37a8d7d4-74ba-4054-9d34-d016523395dd_zpsfoum3sjn.jpg); position: relative; overflow: hidden; }

#lofstframe .lofsthold { width: 90px; height: 140px; background: #000; padding: 5px; position: absolute; top: 0px; left: -100px; -webkit-transition: .8S all ease-in; -moz-transition: 0.8S all ease-in; o-transition: 0.8S all ease-in; }
#lofstframe:hover .lofsthold { left: 0px; -webkit-transition: .8S all ease-out; -moz-transition: 0.8S all ease-out; o-transition: 0.8S all ease-out; }

.lofsthold h1 { width: 90px; height: 25px; line-height: 25px; color: #080; font-size: 19px; text-align: center;  text-transform: uppercase; margin: 0px; text-decoration: underline; }

.lofstlinks { width: 90px; height: 110px; margin-top: 5px; overflow: auto; font-size: 11px; line-height: 11px; text-align: center; }
.lofstlinks a:link, .lofstlinks a:visited, .lofstlinks a:active { color: #fff; }
.lofstlinks::-webkit-scrollbar { width: 2px; }
.lofstlinks::-webkit-scrollbar-thumb { background: #000; }
.lofstlinks a:hover { font-style: italic; }

</style>

<div id="lofstframe">

<div class="lofsthold">

<h1>Liz</h1>
<div class="lofstlinks">
<a href="http://thearrow.jcink.net/index.php?showuser=207">Felicity K.</a><p>
<a href="http://thearrow.jcink.net/index.php?showuser=208">Melisandre</a><p>
<a href="http://thearrow.jcink.net/index.php?showuser=228">Melek</a><p>
</div></div></div>
</center>
Jul 10 2016, 04:17 AM
So, having previously used chrome and then opera, I've sorted through the mini profile only to discover now on Firefox that the coding looks weird here. The posts words overlaps with the number of posts.


This is what it looks like on Firefox.

Meanwhile, on Edge (also works fine on Chrome and Opera):


The board

So just wondering what I can do here to make it work fine on all forums?
Jun 16 2016, 01:48 AM
Okay, borrowing Sooki's thread.

I've added the avatar Macros for all the skins we use. And that bit is showing up fine.

The problem is that I still can't find the avatar that was set in place to replace it.

See here

When I use inspect element, it shows me

CODE
<div class="mashav"><span class="avatarSpan><img src="http://i.imgur.com/0ltYop4.png"></span></div>


Mashav is part that skin's mini profile and I've checked that it's got bits of coding there and just plain <---avatar---> in the mini profile.

I can't seem to find the link to the image or the particular span class anywhere.
Last Visitors


Jul 8 2018, 04:07 AM




Mar 8 2017, 03:16 PM




Jul 10 2016, 04:32 AM



Comments
No comments posted.
Add Comment