Profile
Personal Photo

No Photo

Options
Custom Title
gerald 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: 09/21/2017
Status: (Offline)
Last Seen: Dec 7 2017, 10:14 AM
Local Time: Dec 14 2017, 11:48 PM
1 posts (0 per day)
( 0.00% 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

gerald

Members

Topics
Posts
Comments
Friends
Video
My Content
Sep 21 2017, 03:33 AM
hi there, i'm trying to code the forum row for my site, but i'm running into a few problems? idk if there's an easy solution so i just thought i'd ask.

this is the code for the forum row:

CODE
#index {
   background-image: url(http://funkyimg.com/i/2xx2t.png);
   padding: 10px;
   outline: 1px solid #ccc;
   margin-top: 10px;
   position: relative;
}

.imageleft {
 width:190px;
 height:190px;
 background-color:#e7e7e7;
 float:left;
 border:1px solid #dadada;
}

.imageleft img {
 min-width:120px;
 max-width:120px;
 min-height:120px;
 max-height:120px;
 margin-left:30px;
 margin-top:31px;
 border:3px solid #fff;
 outline:1px solid #dadada;
}

.forumtitlediv {
 float:left;
 width:550px;
 height:190px;
 background-color:#efefef;
 border-bottom:1px solid #dadada;
 border-top:1px solid #dadada;
 border-right:1px solid #dadada;
}

.forumtitles {
 background-color:#fffbff;
 width:530px;
 height:50px;
 border-bottom:1px solid #dadada;
 text-align:left;
 padding-left:20px;
 font-family:raleway;
 font-size:11px;
 color:#747474;
 line-height:49px;
 word-spacing:10px;
}

.forumtitles span {
 font-size:8px;
 color:#AB687C;
 font-weight:bold;
}

.forumname {
 font-family:raleway;
 font-size:26px;
 letter-spacing:-1px;
 color:#555;
 word-spacing:2px;
 margin-top:33px;
 text-align:center;
}

.borderundername {
 margin:auto;
 width:85%;
 height:1px;
 background-color:#AB687C;
 margin-top:7px;
}

.lastpostby {
 text-align:center;
 font-size:8px;
 text-transform:uppercase;
 font-family:Verdana;
 font-style:italic;
 margin-top:10px;
}

.rightpart {
 float:left;
 width:175px;
 height:190px;
 background-color:#f2f2f2;
 border-top:1px solid #dadada;
 border-right:1px solid #dadada;
 border-bottom:1px solid #dadada;
}

.topicsrepleis {
 background-color:#fffbff;
 width:175px;
 height:50px;
 border-bottom:1px solid #dadada;
 text-align:center;
 font-family:raleway;
 font-size:11px;
 color:#747474;
 line-height:49px;
}

.topicsrepleis span {
 font-size:8px;
 color:#AB687C;
 font-weight:bold;
}

.forumdescrp {
 width:110px;
 height:80px;
 overflow-y:scroll;
 margin:auto;
 margin-top:15px;
 background-color:#fff;
 padding:10px;
 border:5px solid #fff;
 outline:1px solid #dadada;
 font-size:8px;
 text-align:justify;
 text-transform:uppercase;
 font-family:Verdana;
 color:#676767;
}


CODE
<div id="index"><table cellpadding="0" cellspacing="0"><tr><td>
 <div class="imageleft"><img src="http://placehold.it/120x120"></div><div class="forumtitlediv"><div class="forumtitles">plot <span class="lnr lnr-chevron-right"></span> rules <span class="lnr lnr-chevron-right"></span> groups </div><div class="forumname"><!-- |name| --> </div><div class="borderundername"></div><div class="lastpostby">LAST POST BY <!-- |last_poster| --> IN <!-- |last_topic| --> ON <!-- |last_post| --> </div></div><div class="rightpart"><div class="topicsrepleis"><!-- |topics| --> topics <span class="lnr lnr-chevron-right"></span> <!-- |replies| --> replies</div><div class="forumdescrp">this is your first stop at take a trip! this is where you'll find useful information, such as the plot, rules, and the member groups. if you're planning on joining us at take a trip, welcome! we hope you enjoy your stay.</div></div>
 </td></tr></table></div>


my testboard is located here.
now there's three div's that have to be filled in in the forum description (imageleft, forumtitles and forumdescrp). i tried putting in the <!-- |description| --> variable three times in the code and put the div's in the forum description but that just messes everything up and posts the content of all three div's in all three places that i placed the description variable. i'm not sure what else to try so if anyone has a few tips that'd be great

idk if any of this is making sense but thanks for reading this over!!
Last Visitors


Oct 24 2017, 01:48 AM



Comments
No comments posted.
Add Comment