Profile
Personal Photo

No Photo

Options
Custom Title
carebear 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: 06/04/2018
Status: (Offline)
Last Seen: Jul 18 2018, 05:14 PM
Local Time: Jul 23 2018, 12:30 PM
11 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

carebear

Members

Topics
Posts
Comments
Friends
Video
My Content
Jul 17 2018, 09:57 PM
link to board:
Dark Paradise

problem:
I messed up the mini-profile.

what needs to be fixed:
The second gif and the character's name needs to show up

browser:
Internet Explorer

other details:
Here's how the mini-profile is supposed to look like: Heart Skipped A Beat

Here's how the mini-profile looks: Here

codes:
BOARD WRAPPER
CODE
<link href="https://fonts.googleapis.com/css?family=Vidaloka|Playfair+Display" rel="stylesheet">
<link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">


CSS
CODE
/****************************************
Heart Skipped a Beat Miniprofile
*****************************************/

#hsabminiprof {
 height: 400px;
 width: 250px;
 border: 5px solid black;
 z-index: 1;
 background: #fff;
 overflow: hidden;
 line-height: 100%;
}

.hsab-avi {
 height: 350px;
 width: 250px;
 background-size: cover;
 position: absolute;
 z-index: 2;
}

.hsab-namepad {
 background: #000;
 height: 120px;
 width: 250px;
 z-index: 3;
 position: absolute;
 top: 295px;
 clip-path: polygon(100% 0, 1200% 400%, 0% 400%, 0 40%);
 overflow: hidden;
}

.hsab-nametext {
 font-family: 'Playfair Display', serif;
 color: #ccc;
 text-align: center;
 font-size: 17px;
 position: relative;
 z-index: 4;
 top: 55px;
 text-transform: uppercase;
 padding-bottom: 5px;
}

.hsab-nametext::first-letter {
 color: #777;
 font-size: 22px;
 font-family: 'Vidaloka', serif;
}

.hsab-statustext {
 font-family: 'Playfair Display', serif;
 text-align: center;
 color: #ccc;
 position:relative;
 font-size: 12px;
 letter-spacing: 3px;
}

.hsab-statustext .hsab-aliastext {
 color: #777;
 font-size: 12px;
 font-family: 'Vidaloka', serif;
}

.hsab-statustext:before {
 height: 2px;
 width: 200px;
 background: #aaa;
 content: "";
 display: block;
 vertical-align: center;
 margin-left: 25px;
 margin-top: 5px;
 margin-bottom: 3px;
 border-radius: 100%;
}

.hsab-hover {
 display: hidden;
 width: 250px;
 height: 350px;
 background: rgba(0, 0, 0, 0.8);
 z-index: 5;
 position: absolute;
 opacity: 0;
 transition-duration: 0.8s;  
 -moz-transition-duration: 0.8s;  
 -webkit-transition-duration: 0.8s;  
 -o-transition-duration: 0.8s;
}

#hsabminiprof:hover .hsab-hover {
 opacity: 1;
}

.hsab-firstgif {
 width: 100px;
 height: 100px;
 border: 1px solid #ccc;
 margin: 5px;
 background-size: cover;
 float:left;
}

.hsab-quote {
 color: #ccc;
 line-height: 120%;
 letter-spacing: 2px;
 width: 130px;
 font-family: 'Playfair Display', serif;
 text-transform: uppercase;
 font-size: 10px;
 text-align: justify;
 font-style: italic;
 float: right;
 margin:5px;
 margin-left: 0px;
 margin-top:8px;
 height: 95px;
 overflow: hidden;
}

.hsab-quote::first-letter {
 color: #777;
 font-size: 12px;
 font-family: 'Vidaloka', serif;
}

.hsab-linkbox {
 background: none;
 width: 237px;
 height: 33px;
 position: absolute;
 margin: 6px;
 top: 110px;
}

.hsab-buttons {
 width: 30px;
 height: 10px;
 padding-top: 7px;
 padding-bottom: 13px;
 background: #000;
 color: #ccc;
 float: left;
 font-size: 14px;
 margin: 1px;
 margin-right: 18px;
 text-align: center;
 border: 1px solid #1c1c1c;
 border-radius: 100%;
 transition-duration: 0.3s;  
 -moz-transition-duration: 0.3s;  
 -webkit-transition-duration: 0.3s;  
 -o-transition-duration: 0.3s;
}

.hsab-buttons:hover {
 border: 1px solid #ccc;
}

.hsab-elementbox {
 width: 140px;
 height: 20px;
 float: left;
 margin: 5px;
 margin-top: 4px;
 background: black;
 border: 1px solid #1c1c1c;
 position: relative;
 top: 40px;
 margin-bottom: 0px;
 font-family: 'Playfair Display', serif;
 font-size: 10px;
 line-height: 190%;
 text-align: center;
 color: #ccc;
 text-transform: uppercase;
 overflow: hidden;
 letter-spacing: 1px;
}

.hsab-elementbox::first-letter {
 color: #777;
 font-size: 12px;
 font-family: 'Vidaloka', serif;
}

.hsab-secondgif {
 width: 90px;
 height: 120px;
 border: 1px solid #ccc;
 float: right;
 background-size: cover;
 margin: 5px;
 position: absolute;
 top: 165px;
 left: 148px;
 z-index: 6;
}


HTML MINI PROFILE
CODE
<div id="hsabminiprof"><div style="position: relative">

   
 <div class="hsab-avi" style="background-image:url(<!-- |field_1| -->)">
   <div class="hsab-hover">
     <div class="hsab-firstgif" style="background-image:url(<!-- |field_2| -->)"></div>
     <div class="hsab-quote"><!-- |field_3| --></div>
     <div class="hsab-linkbox">
       <a href="<!-- |field_4| -->" title="APPLICATION"><div class="hsab-buttons" div style="margin-left:27px;"><span class="sf sf-diamond-o"></span></div></a>
       <a href="<!-- |field_5| -->" title="SHIPPER"><div class="hsab-buttons"><span class="sf sf-push-pin-o"></span></div></a>
       <a href="<!-- |field_6| -->" title="WANTED AD"><div class="hsab-buttons"><span class="sf sf-lightbulb-o"></span></div></a>
       <a href="<!-- |field_7| -->" title="DEVELOPMENT"><div class="hsab-buttons" style="margin-right: 0px;"><span class="sf sf-flame-o"></span></div></a>
     </div>
     <div class="hsab-elementbox"><!-- |field_8| --></div>
     <div class="hsab-elementbox"><!-- |field_9| --></div>
     <div class="hsab-elementbox"><!-- |field_10| --></div>
     <div class="hsab-elementbox"><!-- |field_11| --></div>
     <div class="hsab-elementbox"><!-- |field_12| --></div>
     <div class="hsab-elementbox"><!-- |field_13| --></div>
     <div class="hsab-secondgif" style="background-image:url(<!-- |field_14| -->)"></div>
   </div>
   
 </div>

   <div class="hsab-namepad">
   <div class="hsab-nametext"><!-- |name| -->
   <div class="hsab-statustext">
   Played by <span class="hsab-aliastext"><!-- |field_15| --></span></div>
   </div>
   
 </div>
</div></div>
Jun 4 2018, 01:51 AM
I know this isn't the right place for this but I don't what to do.

I'm being bullied in the cbox on my charmed and it's not fair. I don't deserve to be bullied on, especially not for things I didn't do.

The people bullying me are chasing potential members away and lying to them about me and telling them not to join my site.

I'm tired of being bullied on my site. How do I keep these hateful trolls out of my cbox and off my site?
Last Visitors


Jul 19 2018, 04:18 PM




Jul 17 2018, 09:56 PM




Jul 7 2018, 11:01 AM



Comments
No comments posted.
Add Comment