Profile
Personal Photo

No Photo

Options
Custom Title
Aralisse doesn't have a custom title currently.
Personal Info
Location: No Information
Born: No Information
Website: No Information
Interests
No Information
Other Information
Gender:: Female
Test:: No Information
Statistics
Joined: 10/25/2013
Status: (Offline)
Last Seen: Oct 17 2017, 02:00 PM
Local Time: Oct 22 2017, 02:23 PM
59 posts (0 per day)
( 0.04% 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

Aralisse

Members

Topics
Posts
Comments
Friends
Video
My Content
Jul 29 2017, 01:02 AM
I feel like I'm being so needy lately with this skin omg. BUT. I want to learn for one, and two make it perfect for those who it'll be for who have waited forever. I've been using this post for reference. I can get my number of alerts to show up just fine. However, the entire skin goes all kinds of haywire when I try to put in the drop down for the list of alerts. Here is my test board where I've been working on the skin bit by bit.

A test account you can log on with is (I'm so unoriginal):
Test Account
PW: tester

This is a screenie of what happens when I put in the coding for the dropdown.

I'll provide coding for everything if you need it, just let me know. Thanks in advance!


OH! Before I forget I have a part 2 question that's more nitpicky and irritating the crap out of me, but whenever I click on a link the font automatically gets bigger. Not when I hover, just when I click on it. I've combed through the CSS with no luck but if someone with a sharper less stress weary pair of eyes can figure it out I'd be most appreciated. It's kicking my OCD in the tush.
Apr 20 2017, 04:28 PM
So, I've done this. I know it SHOULD work. I have a working code (that won't work where I'm trying to use it crazily enough.) for a tabbed mini on another board, but I blame it on being rusty. I've got a really pretty mini profile coded, except my tabs in my hover on it are acting all kinds of crazy. As in when you hover the first time, the main tab won't show up, you have to click on the button and then it pops up. Then you can do the same for the second tab, that works.

Scroll down, and it won't work at all on the second. I've gone over my previous topic for help with this before, trying to get answers. I've tried two different codes with no success. This is the only one that seems to "like" me, and it is still misbehaving. If anyone can help, I'd GREATLY appreciate it since I've been working on this skin off and on for months now and this is the main thing I'm stuck on before I'm able to actually finish it.

Here's the link to the board:
http://codehaven.jcink.net/index.php

The part of the mini's html template not behaving:
CODE

</div><div class="minipCont"><div class="minipBg">
<div class='cwmini-wrap'><div class='cwmini-hvr' div style='background-image:url(<!-- |avatar_url| -->);'><div class='info' div style='background-color:<!-- |g_icon| -->;' ><div class='cw-miniav'><img src='<!-- |field_18| -->'></div><div class='cwmini-inf'><div class='cwmini-info'><div class="minitabs">

<div class="minitab">
<input type="radio" id="tab-1" name="tab-group-1" checked>
<label for="tab-1">i</label>
<div class="minicontent"><div class='cwmini-ratc' div style='background-color:<!-- |g_icon| -->;'><div class='cwml' title='language'>L</div><div class='cwms' title='sex'>S</div><div class='cwmv' title='violence'>V</div><div class='cwmln'><!-- |field_19| --></div><div class='cwmsn'><!-- |field_20| --></div><div class='cwmvn'><!-- |field_21| --></div></div><div class='cwmini-stf'><span>job</span><!-- |field_9| --></div><div class='cwmini-stf'><span>relationship</span><!-- |field_10| --></div><div class='cwmini-stf'><span>sexuality</span><!-- |field_11| --></div><div class='cwmini-age' div style='background-color:<!-- |g_icon| -->;'><!-- |field_3| --> years old</div><div class='cwmini-stf2'><!-- |field_15| --></div></div></div>



<div class="minitab">
<input type="radio" id="tab-2" name="tab-group-1">
<label for="tab-2" style="margin-left: 62.5px;">ii</label>
<div class="minicontent"><div id="cwtab2"><div class='cwmini-quote'><b><div style='color:<!-- |g_icon| -->;'>“</div></b><!-- |field_12| --></div><div class='cwmini-awards'><!-- |awards| --></div></div></div></div></div></div>
</div></div></div><div class='cwmini-grp' div style='background-color:<!-- |g_icon| --> !important;'><div class='cwmini-grnme'><!-- |g_title| --></div></div></div></div>

</div>


And CSS for it:
CODE
/*****************************************
CW Minis
******************************************/

.cwmini-wrap {
 display: block;
 background-color: #F8F5E9;
 border: 1px solid #EFE9CF;
 position: relative;
 overflow: hidden;
 height: 502px;
 width: 242px;
 padding: 5px;
 margin-top: 7px;
 margin-left: -12px;
}

.cwmini-hvr {
 width: 240px;
 height: 400px;
 border: 1px solid #EFE9CF;
 display: inline-block;
 vertical-align: middle;
 -webkit-transform: translateZ(0);
 transform: translateZ(0);
 box-shadow: 0 0 1px rgba(0, 0, 0, 0);
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 -moz-osx-font-smoothing: grayscale;
 position: relative;
 background: #9772ab;
 -webkit-transition-property: color;
 transition-property: color;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 overflow: hidden;
 z-index: 99;
}
.cwmini-hvr:before {
 content: "";
 position: absolute;
 z-index: -1;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 background: #FEFEFC;
 -webkit-transform: scaleX(0);
 transform: scaleX(0);
 -webkit-transform-origin: 50%;
 transform-origin: 50%;
 -webkit-transition-property: transform;
 transition-property: transform;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
.cwmini-hvr:hover, .cwmini-hvr:focus, .cwmini-hvr:active {
}
.cwmini-hvr:hover:before, .cwmini-hvr:focus:before, .cwmini-hvr:active:before {
 -webkit-transform: scaleX(1);
 transform: scaleX(1);
}

.cwmini-hvr .info {
width: 218px;
height: 378px;
padding: 10px;
background-color:#753B53;
position: absolute;
bottom: -408px;
right: 1px;  
transition-duration: .6s;
 -webkit-transition-duration: .6s;
 -moz-transition-duration: .6s;
 -ms-transition-duration: .6s;
 -o-transition-duration: .6s;
z-index: 9;
outline: 1px solid #FEFEFC;
outline-offset:-10px;
}

.cwmini-hvr:hover .info {
 bottom: 1px;
}


.cw-miniav {
 width: 106px;
 height: 77px;
 background: rgba(248, 245, 233, 0.31);
 border: 1px solid #EFE9CF;
 padding: 5px;
 margin-top: 25px;
 margin-left: 51px;
}

.cw-miniav img {
 width: 105px;
 height: 75px;
 border: 1px solid #EFE9CF;
}

.cw-miniav:after {
   content: '';
   margin-left: -57px;
   margin-top: -64px;
   width: 220px;
   display: block;
   position: absolute;
   z-index: -1;
   height: 0;
   border-top: 88px solid transparent;
   border-left: 220px solid #FEFEFC;
   border-right: 0px solid transparent;
}

.cwmini-inf {
 background: #FEFEFC;
 height: 246px;
 margin-top: 18px;
}

.cwmini-info {
 position: absolute;
 margin-top: -10px;
 padding: 10px;
 color: #9C8671;
 font-family: 'Montserrat';
 font-size: 10px;
 text-transform: uppercase;
 letter-spacing: 1px;
}

.cwmini-ratc {
 background-color:#753B53;
 width: 150px;
 height: 40px;
 border: 1px solid #EFE9CF;
 padding: 4px;
 margin-left: 20px;
 margin-top: 0px;
 outline: 1px solid #EFE9CF;
 outline-offset: -5px;
 margin-bottom: 5px;
}

.cwml {
 display: inline-block;
 border-bottom: 1px solid #EFE9CF;
 border-right: 1px solid #EFE9CF;
 padding: 0px 20.9px;
 background:rgba(248, 245, 233, 0.71);
 color: #FFF;
 font-weight: 700;
}

.cwms {
 display: inline-block;
 border-bottom: 1px solid #EFE9CF;
 border-right: 1px solid #EFE9CF;
 padding: 0px 20.9px;
 background:rgba(248, 245, 233, 0.71);
 color: #FFF;
 font-weight: 700;
}
.cwmv {
 display: inline-block;
 border-bottom: 1px solid #EFE9CF;
 padding: 0px 20.9px;
 background:rgba(248, 245, 233, 0.71);
 color: #FFF;
 font-weight: 700;
}

.cwmln {
 display: inline-block;
 border-right: 1px solid #EFE9CF;
 background:rgba(248, 245, 233, 0.31);
 padding: 1px 18px;
 font-weight: 700;
 font-size: 18px;
 color: #FFF;
}

.cwmsn {
 display: inline-block;
 border-right: 1px solid #EFE9CF;
 background:rgba(248, 245, 233, 0.21);
 padding: 1px 19px;
 font-weight: 700;
 font-size: 18px;
 color: #FFF;
}

.cwmvn {
 display: inline-block;
 background:rgba(248, 245, 233, 0.31);
 padding: 1px 19px;
 font-weight: 700;
 font-size: 18px;
 color: #FFF;
}

.cwmini-stf {
 width: 195px;
 padding: 9px 2px;
 border: 1px solid #EFE9CF;
 background:rgba(248, 245, 233, 0.31);
 line-height: 95%;
 margin-bottom: 3px;
 margin-left: 5px;
 font-weight: 700;
 font-size: 8px;
}

.cwmini-stf2 {
 width: 200px;
 margin-top: 3px;
 padding: 6px 2px;
 border: 1px solid #EFE9CF;
 background:rgba(248, 245, 233, 0.31);
 line-height: 95%;
 margin-bottom: 3px;
 margin-left: 2px;
 font-weight: 700;
 font-size: 9px;
 text-align: center;
}

.cwmini-stf span {
 color: #F8F5E9;
 background-color: #66594E;
 border-right: 1px solid #efe9cf;
 font-size: 8px;
 font-weight: 700;
 text-align: center;
 float: left;
 margin-top: -8px;
 margin-left: -1px;
 margin-right: 5px;
 display: block;
 line-height: 95%;
 padding: 8px 6px;
 text-align: center;
}

.cwmini-age {
 width: 190px;
 height: 15px;
 padding:  15px 10px;
 background: #753B53;
 line-height: 100%;
 outline: 1px solid;
 outline-offset: -6px;
 margin-top: 5px;
 color: #FFF;
 font-weight: 700;
 font-size: 15px;
 text-align: center;
}
 
.cwmini-quote {
 font-family: 'Calibri';
 font-size: 9px;
 width: 200px;
 height: 25px;
 padding: 5px;
 text-align: justify;
 overflow: auto;
 word-spacing: -1.5px;
 line-height: 95%;
}

.cwmini-quote b {
 color: #753B53;
 font-size: 25px;
 font-family: 'Playfair Display';
 display: inline-block;
 float: left;
 padding: 2px 4px;
}

.cwmini-grp {
 width: 222px;
 height: 75px;
 margin-top: 5px;
padding: 10px;
position: absolute;
background-color:#753B53;
outline: 1px solid #FEFEFC;
outline-offset:-10px;
z-index: 1;
}

.cwmini-grnme {
 font-family: 'Selima';
 text-shadow: 1px 1px #000;
 font-size:45px;
 letter-spacing:-1px;
 color:#9C8671;
 text-transform: lowercase !important;
 text-align: center;
 margin-top: 15px;
}

.cwmini-grnme:after {
   content: '';
   margin-left: 0px;
   margin-top: -31px;
   width: 135px;
   display: block;
   position: absolute;
   z-index: -1;
   height: 0;
   border-top: 75px solid #FEFEFC;
   border-left: 0px solid transparent;
   border-right: 75px solid transparent;
}

.cwmini-awards {
 width: 195px;
 height: 165px;
 padding: 5px;
 overflow: auto;
 margin-top: 5px;
 border: 1px solid #EFE9CF;
}

#cwminitabs {
 list-style: none;
 background-color: #F8F5E9;
 padding: 0px;
 display: table;
 width: 250px;
 margin-bottom: 0px;
}

#cwminitabs li {
 background: #F8F5E9;
 font-family: calibri;
 text-align: center;
 color: #fff;
 text-transform: uppercase;
 font-size: 10px;
 padding-top: 2px;
 width: 102.5px;
 height: 18px;
 z-index: 4;
transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
 display: table-cell;
}
#cwminitabs li a { color: #fff; }
#cwminitabs li.active  { background: #EFE9CF; }

#cwminitabs_content_container { background: transparent; }

#cwtab2 {
 width: 220px;
 height: 220px;
 position: relative;
 background: transparent;
 overflow: hidden;
}

.minitabs {
 margin-top: 120px;
 width: 250px;
 height: 200px;
}

.minitab {
float: left;
}

.minitab label {
 display: inline-block;
 background: #F8F5E9;
 font-family: calibri;
 text-align: center;
 color: #9C8671;
 text-transform: uppercase;
 font-size: 10px;
 padding: 6px 12.5px 2px 12.5px;
 line-height: 100%;
 position: absolute;
 margin: 5px -35px;
 left: 35px;
 top: 225px;
 height: 16px;
 width: 95px;
 z-index: 4;
transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
}

.minitab [type=radio] {
display: none;  
}

.minicontent {
position: absolute;
top:0px;
bottom: 0px;
left: 0px;
right: 0px;
background: transparent;
padding: 5px;
transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
opacity: 0;
}

[type=radio]:checked ~ label {
background: #EFE9CF; z-ndex: 2;
}

[type=radio]:checked ~ label ~ .minicontent {
z-index: 1; opacity: 1;
}
Dec 13 2016, 03:07 PM
Okay, so I'm guessing I've got an extra closing div somewhere, although I've looked and re-looked, but can't seem to figure out where it's at. I took out the visitors part of the profile to make sure that wasn't making things act up, but no luck. I'll take any help I can get on this!

Here's the link to profile on the test board where I'm working on the skin: http://codehaven.jcink.net/index.php?showuser=1
Nov 14 2016, 11:08 AM
Okay, so I decided to brush the dust and cobwebs off my coding skills today, and apparently in the almost year I've not had time to sit down and skin a site... or code anything, I've gone coding stupid. I'm trying to style the user groups with span classes.

Now, on a scratchpad page I've got open to test my codes in real time, it works. On my test site? Newp. I even tried adding a string of code to alter it as a link color. Again, no dice. I know it's probably something so easy I'm going to facepalm over not realizing it, but for the moment I'm stuck and could use some help!

Online List Format (Prefix)
CODE
<span class='admin'>


I have the closing span tag in the suffix.

CSS for it
CODE
.admin { color:#8B618B;}
.admin a {color:#8B618B; text-decoration: none; }
Oct 6 2016, 01:25 PM
So, as the title says, I've got some disappearing userlinks going on, on the site I help run, The House Always Sins. I'm generally the coding and graphics person on site, and while I'm not an expert I've gotten us out of jams before.

Until today.

I've checked with my staff, even on another board I've got on hiatus due to RL that I skinned (and not touched in MONTHS), and no coding has been changed on the site. When you come on as a guest, the links for the log in and register options don't show. As a logged in member our userlinks and the admin panel links don't show. At first, even our cbox didn't show up, but I did manage to get it to show. We've checked on multiple browsers. I can see everything on IE, but on Chrome, FF, Opera, and Torch people can't see them. I even checked Chrome and it's not showing.

All of the proper coding is there, so I'm at a loss for what to do. Help??

*Edit*

Forgot to add, that if we go to our Login page, the links ad such populate in the topbar, but for some members when they change pages/refresh, they disappear again.
Last Visitors


Sep 4 2017, 12:27 PM




Jun 16 2017, 06:00 PM




Dec 15 2016, 07:52 PM



Comments
No comments posted.
Add Comment