Profile
Personal Photo

No Photo

Options
Custom Title
Stormy doesn't have a custom title currently.
Personal Info
Location: No Information
Born: No Information
Website: No Information
Interests
No Information
Other Information
Gender:: Male
Test:: No Information
Statistics
Joined: 04/04/2018
Status: (Offline)
Last Seen: Jun 20 2018, 09:43 PM
Local Time: Jun 25 2018, 04:27 AM
13 posts (0.2 per day)
( 0.01% 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

Stormy

Members

Topics
Posts
Comments
Friends
Video
My Content
Jun 13 2018, 12:39 AM
Hello,

We're trying to figure out why the "highlight code area" code isn't working for our basic code template. Below is the script that we're using.

CODE
<script type="text/javascript">
// CODE AREA SCRIPT BY NICOLE/THUNDERSTRUCK OF CTTW @ JCINK
// thank you to stackoverflow for the selectText function

$('table#CODE-WRAP').addClass('nicole-code');
$('table#CODE-WRAP').attr('cellpadding', '0');
$('table#CODE-WRAP #CODE').wrapInner('<div class="code-scroll"></div>');
$('table.nicole-code #CODE').parent('tr').prev('tr').children('td').html('<div class="code-top"><div class="code-title">Code <span class="code-toggle">• toggle height</span></div> <div class="code-highlight">click here to highlight code</div></div>');

$('table.nicole-code .code-scroll').each(function() {
if ($(this).height() < 250) {
   $(this).closest('tr').prev('tr').children('td').children('.code-top').children('.code-title').children('.code-toggle').hide();
} else {}
});

$('table.nicole-code .code-toggle').click( function () {
   if ($(this).closest('tr').next('tr').children('td').children('.code-scroll').hasClass('auto-code')) {
       $(this).closest('tr').next('tr').children('td').children('.code-scroll').removeClass('auto-code');
   } else {
       $(this).closest('tr').next('tr').children('td').children('.code-scroll').addClass('auto-code');
   }
});

jQuery.fn.selectText = function(){
var doc = document
   , element = this[0]
   , range, selection
;
if (doc.body.createTextRange) {
   range = document.body.createTextRange();
   range.moveToElementText(element);
   range.select();
} else if (window.getSelection) {
   selection = window.getSelection();        
   range = document.createRange();
   range.selectNodeContents(element);
   selection.removeAllRanges();
   selection.addRange(range);
}
};

$(function() {
$('table.nicole-code .code-highlight').click(function() {
   $(this).closest('tr').next('tr').children('td').children('.code-scroll').selectText();
});
});

// END CODE AREA SCRIPT
</script>
Jun 11 2018, 09:03 AM
Hello,

So, a member of ours on this has been having issues with the way that her screen alignment is and the way that certain things, like fonts, appear on her computer. I think that it's obviously dependent on screen resolution, browser, and computer size. She and I have the same resolution and browser, but our computers are differently sized. I'm trying to figure out how to make the forums and everything else align with the header of the board, no matter the screen res, comp size, or browser. or only; no matter the comp size, if necessary. Below is a picture of what she sees.

https://i.imgur.com/o55D44Q.png

Please and thank you.
Jun 11 2018, 02:53 AM
Hello,

I saw a topic located here asking about a similar issue, but the resolution is unavailable for me because the site that was linked for assistance is closed down.

I'm simply trying to make a field no longer display, and not take up any space in the main AND mini profiles, when the field in the user cp is empty.

And this issue is for a text field.

EDIT: Oh! And I only want it to work on a specific set of fields and not just all empty fields.

Please and thank you!
May 31 2018, 05:11 PM
Hello,

On this skin, we are also having trouble with having our modal pop-ups work correctly. The code below is one that we've used on 2 of our previous skins and it has worked perfectly fine, but it's not working on this one and we aren't sure why. All help and advice is much appreciated.

MODAL CODE

CODE
.headersub {
   color: rgba(40,40,40,0.9);
   font: 700 10px 'Montserrat';
   font-style: italic;  
   letter-spacing: 1.5px;
   padding: 10px;
   position: absolute;
   text-align: right;
   text-transform: uppercase;
   width: 910.5px;
}

.headersub a {
   color: rgba(40,40,40,0.9);
   display: inline;
   padding-left: 30px;
}

.modal-content {
display: none;
}

#fade-background {
position: fixed;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000000;
z-index: 1010;
}

#modal-window {
position: fixed;
top: 64px;
left: 50%;
width: 860px;
background-color: #000;
margin: 0 0 0 -430px;
z-index: 1020;
}
May 31 2018, 04:46 PM
Hello,

I'm having trouble figuring out why our mini profile on this skin that we're constructing isn't sticking/forcing itself to the top the of the space, instead of being vertically-centered to the post space. Below is our mini profile and post row html & css codes. We've tried a few tricks, but nothing seems to work. We aren't crazy css experts, so we're probably missing something obvious or made an error elsewhere, but any help is appreciated! Thanks!

MINI PROFILE HTML TEMPLATE

CODE
<div class="wmini">
<div class="wmini-av"><img src="<!-- |avatar_url| -->">

<div class="wmini-av-overlay">

<div class="wmini-play">Foggy<BR>
<span>He/Him. 19. 25 posts.<span>
</div>

<div class="wmini-alias">The Flash</div>

<div class="wmini-info">
<div class="wmini-info-pieces"><span>Age</span><BR>
35<BR><BR></div>
<div class="wmini-info-pieces"><span>Pronouns</span><BR>
He/Him<BR><BR></div>
<div class="wmini-info-pieces"><span>Residence</span><BR>
Central City<BR><BR></div>
<div class="wmini-info-pieces"><span>Occupation</span><BR>
Forensic Scientist<BR><BR></div>
<div class="wmini-info-pieces"><span>Affiliation</span><BR>
Justice League/Flashfam<BR><BR></div>
</div>


</div>

</div>
<div class="wmini-links">
<a href="#"><i class="fa fa-address-card"></i></a>
<a href="#"><i class="fa fa-cube"></i></a>
<a href="#"><i class="fa fa-envelope"></i></a>
</div>
</div>

</div>


MINI PROFILE CSS

CODE
.wmini {
   border: 1px solid rgba(164,159,118, 0.8);
   height: 470px;
   margin: 0px 5px 5px 5px;
   position: relative;
   top: 0;
   width: 240px;
}


.wmini-av {
   height: 450px;
   left: 10px;
   position: relative;
   top: 10px;
   width: 220px;
}

.wmini-av img {
   height: 450px;
   width: 220px;
}


.wmini-av-overlay {
   background-color: rgba(40,40,40,0.8);
   height: 450px;
   left: 0;
   opacity: 0;
   position: absolute;
   top: 0;
   transition-ease: 0.6s ease-in-out;
   width: 220px;
}

.wmini-av:hover .wmini-av-overlay {
   opacity: 1;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}

.wmini-alias {
   border-bottom: 1px solid rgb(164,159,118);
   color: rgb(164,159,118);
   font: 22px 'Butler R';
   height: 20px;
   left: -25px;
   letter-spacing: 2.5px;
   overflow: hidden;
   padding: 0px 10px 5px 10px;
   position: absolute;
   text-transform: uppercase;
   top: 212px;
   transform: rotate(90deg);
   width: 430px;
}

.wmini-play {
   color: rgba(164,159,118, 0.9);
   font: 28px 'Butler EB';
   font-weight: 900;
   left: 20px;
   line-height: 28px;
   position: absolute;
   top: 20px;
   text-transform: uppercase;
}

.wmini-play span {
   color: rgba(164,159,118, 0.9);
   float: left;
   font: 10px 'Cross EL';
   font-weight: 700;
   line-height: 11px;
   text-transform: uppercase;
}

.wmini-plinks {
   clear: both;
   color: rgba(164,159,118, 0.9);
   float: left;
   font-size: 11px;
   letter-spacing: 5px;
   padding: 7px 0px 0px 3px;  
   width: 150px;
}

.wmini-plinks a {
   color: rgba(164,159,118, 0.9);
   font-size: 11px;
}


.wmini-info {
   color: rgb(164,159,118);
   display: block;
   font: 10px 'Cross EL';
   font-weight: 700;
   left: 10px;
   line-height: 16px;
   position: absolute;
   text-align: right;
   top: 205px;
   width: 165px;
}

.wmini-info-pieces span {
   color: rgba(238,238,238, 0.65);
   font: 9px 'Butler B';
   letter-spacing: 1px;
   line-height: 12px;
   margin-right: -1px;
   text-align: right;
}

.wmini-info-pieces {
   text-transform: uppercase;
   width: auto;
}

.wmini-links {
   color: rgba(164,159,118, 0.9);
   font-size: 15px;
   height: 28px;
   left: 120px;
   letter-spacing: 6px;
   position: relative;
   text-align: center;
   top: 23px;
   width: 150px;
}

.wmini-links a {
   color: rgba(164,159,118, 0.9);
   font-size: 18px;
}


POST ROW HTML TEMPLATE

CODE
<div class="maintitle">
<span class="topic-title"><!-- |topic_text| --></span>
</div>

<div align="right" class="postlinksbar"></div>

<div id="custom_posts">

<div class="ptop">
 <div class="ptop2">
 
<div class="ptop-header"><img src="http://www.batmannews.de/wp-content/uploads/2017/09/JL_Comic_Cover.jpg"></div>
 <div class="ptop-header-cover" style="background-image: url(https://cdn.discordapp.com/attachments/345300464780312587/447510383025061898/something_6.png); background-size: 950px 180px;">

<div class="ptopicon1" style="background: url(https://78.media.tumblr.com/74336a750a789399e9b21b0d85d24faa/tumblr_p5td5nysbd1t4rhclo1_400.png) center no-repeat; background-size: 90px 90px;"></div>
<div class="ptopicon2" style="background: url(https://78.media.tumblr.com/3d7062837fd97eb3ee54f68ed7dbe579/tumblr_p5td5nysbd1t4rhclo2_400.png) center no-repeat; background-size: 90px 90px;"></div>
<div class="ptopicon3"  style="background: url(https://78.media.tumblr.com/9326ebee2770623bf6f695c4fde54153/tumblr_p5td5nysbd1t4rhclo3_400.png) center no-repeat; background-size: 90px 90px;"></div>

<div class="ptext">
<div class="ptitle" style="vertical-align: top; padding-right: 10px;">
    <a name="entry<!-- |pid| -->"></a>
    <a href="<!-- |poster_id| -->">
     <b class="<!-- |group| -->">BARRY ALLEN</a>
    </a>
   </div>
<div class="pbuttons"><!-- |quote_button| --> <!-- |edit_button| -->  <!-- |delete_button| --> <!-- |ip_address| --> <div class="pcheckbox"><!-- |mod_checkbox| --></div>
</div>
  </div>
</div>

</div>

</div>
</div>

<table>
 <tbody>
<td class="pspace"></td>
  <tr>
   <td class="ppad">
    <div id="pid_<!-- |pid| -->">
     <!-- THE POST <!-- |pid| --> -->
      <div class='postcolor'>
       <div id="pid_<!-- |pid| -->">
        <!-- THE POST <!-- |pid| --> -->
         <div class='postcolor'><!-- |post| --></div>
        <!-- THE POST -->
       </div>
      </div>
     <!-- THE POST -->
    </div>
   </td>
 
   <td class="pmini">
   
<!-- |mini_profile| -->

   </td>
  </tr>
 </tbody>
</table>

</div>


POST ROW CSS

CODE
.maintitle, .maintitle2 {
   color: rgba(40,40,40,0.7);
   font-weight: 700;
   letter-spacing: 2px; font-size: 11px;
   padding: 50px 0px .1px;
   text-align: left;
   text-decoration: none;
   text-transform: uppercase;
}

.topic-title { font-weight: 600; display: inline; }
.maintitle .topic-title {
   border-bottom: 1px solid #282828;
   color: #282828;
   font: 600 23px 'Butler EB';
   padding-bottom: 3px;
}

.activeuserstrip {
   color: #282828;
   font: 7px 'lato', sans-serif;
   letter-spacing: 1px;
   padding: 6px;
   text-align: center;
   text-transform: uppercase;
}
#ST div.activeuserstrip { padding:40px 0px 0px; }
div.activeuserstrip[align=center] { padding:0px 0px 0px!important; text-align:center; display:none; }
div.darkrow2 a, div.row2 a, div.activeuserstrip a { font-size:7px; letter-spacing:1px; color: #282828; }
.normalname { font-weight:bold; }
.normalname a {}
.unreg { font-weight:bold; }
#new-posts { padding-bottom:10px; border-bottom: 0px solid #000000; }
.post1, .post2 { padding: 35px; line-height:150%; background-color: #282828; }
#inline-pm .post1, #inline-pm .post2 { background-color: rgba(40,40,40,0.9) }
.post1 img, .post2 img { max-width:567px; }
.post1 ul, .post2 ul { display: block; list-style-type: disc; -webkit-margin-before: 1em; -webkit-margin-after: 1em;  -webkit-margin-start: 0px; -webkit-margin-end: 0px; padding: 10px 40px;}
.postdetails { text-transform:uppercase; font-size:7px; text-align:center; letter-spacing:1px; }
.postcolor { text-align:left; line-height:150%; text-transform:none; font-size:10px; }
#Post .row1 { padding:35px!important; background-color:#f9f9f9; margin-top:0px; }
#Post input[type=text] { background-color:transparent!important; padding:0px!important; }
#Post input[name='TopicTitle'], #Post input[name='TopicDesc'], #Post input[name='UserName'], #Post input[name='reg_code'] { padding: 5px!important; }
#Post td.pformstrip[align=center] { width: 100%; margin-top: 20px; border: 0px; border-top: 0px dotted #000000; }
#posting-form .pformright, #posting-form .pformleft { padding: 20px 20px 20px 20px; vertical-align: middle; }
.postlinksbar { padding: 0px 5px 62px; margin: 35px 0px 0px 0px; width: 500px; float: right; counter-reset: my-badass-counter; color: transparent; text-align: right; }
.postlinksbar strong { font-weight:300; }
.postlinksbar a { color: rgba(40,40,40, .9); font-size: 9px; text-transform: uppercase; letter-spacing: 2px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
.postlinksbar a:before { content: ''; display: inline-block; padding: 0px 11px 0px 0px; }
.postlinksbar a:nth-of-type(1) { display: none; }

#custom_posts { position: relative; padding-top: 0px; }

#custom_posts fieldset { margin: 0px; border: 1px solid #b9b9b9; border-left: 0px; border-right: 0px; padding: 0px 0px 10px; margin: 0px; letter-spacing: 150%; text-transform: None;}

#custom_posts legend { padding: 0px 0px 5px; margin-left: 0px;}

.pcheckbox { opacity: 0; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; float: right;}

.ptop:hover .pcheckbox { opacity: 1;}

.ptext {margin-left: 450px; opacity: 1;}

.ptitle {text-transform: uppercase; text-align: right; font-size: 37px; font-weight: 900; overflow: hidden; color: #fff; margin: 20px 28px 0px 0px; padding: 0px 0px 0px 4px; letter-spacing: 2px; font: 19px 'Butler EB'; border-bottom: 1px solid #fff; z-index: 11; }

.ptitle a {letter-spacing: 2px; font: 37px 'Montserrat'; color: #fff;}

.pbuttons {text-align: right; font: 9.5px 'Cross EL'; color: #fff; font-weight: 700; margin: 2px 28px 0px 0px; text-transform: uppercase;}

.pbuttons .button-small {font: 9.5px 'Cross EL'; font-weight: 900; color: #fff;}

#custom_posts input[type=checkbox] { width: 10px; height: 10px; margin: 0px;}

.ipaddress { text-transform: uppercase; font: 8px 'Cross EB'; font-weight: 700; letter-spacing: 1.5px; color: #f9f9f9}

.ipaddress a { font-size: 8px; color: #fff; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}

.ipaddress a:hover {color: #fff;}
.ipaddress.view4 {display: none}

.pav { float: left; overflow: hidden; width: 50px; height: 50px; background-image: url(http://imgur.com/ZxSxTd2.png); background-repeat: no-repeat; background-size: cover; background-position: center center; margin-right: 10px; border-radius: 40px}

.ppad { font-size: 11px; line-height: 150%; display: table-cell; width: 100%; vertical-align: top; background: rgba(249,249,249,0.85); padding: 55px; overflow: hidden; table-layout: fixed; text-align: justify; }

.pmini {top: 0; margin-top: 0;}

.cs-quick-edit { position: relative; overflow:; width: 100%;}

.ppad img {max-width: 539px;}

.ppad textarea {font-size: 11px!important; letter-spacing: 1px!important; text-transform: normal!important; text-align: left!important; line-height: 150%!important; vertical-align: middle!important; border: 1px solid #e4e4e4!important; margin: 2px 5px 2px 0px!important; background-color: rgba(249,249,249,0.5)!important; padding: 20px!important; width: 500px!important; }

.ppad button {font-weight: 100; display: inline-block; padding: 5px 6px 4px; margin: 2px 8px 2px 0px; font: 8px playfair display, georgia; text-transform: uppercase; letter-spacing: 1px; text-align: justify; line-height: 150%; vertical-align: middle; border: none; color: #f9f9f9; text-align: left; border: 0px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; background-color: #c0b194;}

.post2[width='20%'], .post2[width='80%'] {background-color: #282828; text-transform: uppercase; font: 8px playfair display, georgia; letter-spacing: 1px; }


.ptop { border-bottom: 1px solid rgba(40,40,40,0.9);border-top: 1px solid rgba(40,40,40,0.9); padding: 6px 0px; margin: 6px 0px;}
.ptop2 { height: 100px; padding: 40px 0px 40px 0px; letter-spacing: 2px;margin-bottom: 0px; background-color: rgba(131,127,94,0.7); position: relative; }

.ptop-header {position: absolute; top: 0; left: 350px; z-index: 1;}  
.ptop-header img {width: 600px; opacity: 0.2; float: right;}
.ptop-header-cover {width: 950px;  height: 100px; padding: 40px 0px 40px 0px; position: absolute; top: 0; z-index: 2;}

.ptopicon1 {
   background: url('https://i.imgur.com/hemdg9S.png') center no-repeat;
   background-size: 90px 90px;
   border: 0.75px solid rgba(238,238,238,8.0);
   height: 90px;
   margin: 20.5px 0px 0px 20.5px;
   padding: 6px;
   width: 90px;
   position: absolute;
   top: 20px;
   z-index: 5;
   left: 20px;
}

.ptopicon2 {
   background: url('https://i.imgur.com/hemdg9S.png') center no-repeat;
   background-size: 90px 90px;
   border: 0.75px solid rgba(238,238,238,8.0);
   height: 90px;
   margin: 20.5px 0px 0px 20.5px;
   padding: 6px;
   width: 90px;
   position: absolute;
   top: 20px;
   z-index: 5;
   left: 150px;
}

.ptopicon3 {
   background: url('https://i.imgur.com/hemdg9S.png') center no-repeat;
   background-size: 90px 90px;
   border: 0.75px solid rgba(238,238,238,8.0);
   height: 90px;
   left: 280px;
   margin: 20.5px 0px 0px 20.5px;
   padding: 6px;
   position: absolute;
   top: 20px;
   width: 90px;
   z-index: 5;
}


.ptopicon1:hover {border: 0.75px solid rgb(164,159,118);}
.ptopicon2:hover {border: 0.75px solid rgb(164,159,118);}
.ptopicon3:hover {border: 0.75px solid rgb(164,159,118);}
Last Visitors


Jun 20 2018, 09:43 PM



Comments
No comments posted.
Add Comment