Author Topic: Post-bit Style Help  (Read 23 times)

0 Members and 0 Guests are viewing this topic.

Offline Lounge HQ

  • Newbie
  • *
  • Posts: 7
  • Karma: 0
    • View Profile
Post-bit Style Help
« on: December 06, 2017, 09:48:42 pm »
Hello,


I'm trying to have my forum post-bit style on the dark_blue theme from this:



...To this:
 


I am facing issues doing this, however. I can't seem to find the Style CSS code for the dark_blue theme, and I need to replace the current Style CSS code from this:
Code: [Select]

 width:100%;
}
.poster
{
 float:
left;
 width: 15em;
}
.postarea,
.moderatorbar
{
 margin: 0 0 0 16em;
}
.postarea
div.flow_hidden
{
 width: 100%;
}


 
.moderatorbar
{
 clear: right;
}
/* poster details and list
of items */
.poster h4, .poster ul
{
 padding: 0;
 margin:
0 1em 0 1.5em;
}
.poster h4
{
 margin: 0.2em 0 0.4em
1.1em;
 font-size: 120%;
}
.poster h4, .poster h4
a
{
 color: #c06002;
}
.poster ul ul
{
 margin:
0.3em 1em 0 0;
 padding: 0;
}
.poster ul ul
li
{
 display: inline;
}
.poster li.stars, .poster li.avatar,
.poster li.blurb, li.postcount, li.im_icons ul
{
 margin-top:
0.5em;
}


...To this:
Code: [Select]

/* poster and postarea + moderation area underneath */
.post_wrapper
{
 float:left;
 width:100%;
}
.poster
{
 float: left;
 width: 12em;
 background: #ffffff url(http://i148.photobucket.com/albums/s20/smfstyles/imbg.png)repeat-x left bottom;
 border: 1px solid #D7D7D7;
 -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
 -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
 box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
  -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
 margin-left:10px;
 padding: 4px;
 position: relative;
 z-index: 49;
}
.postarea, .moderatorbar
{
 margin: 0 0 0 18em;
}
.postarea div.flow_hidden
{
 width: 100%;
}
.moderatorbar
{
 clear: right;
}
/* poster details and list of items */
.poster h4, .poster ul
{
 padding: 0;
 margin: 0 1em 0 1em;
}
.poster h4
{
 margin: 0.4em 0 0.4em 1.1em;
 font-size: 110%;
 text-align:left
}
.poster h4, .poster h4 a
{
 color: #c06002;
}
.poster ul ul
{
 margin: 1em 1em 0 0;
 padding: 0;
}
.poster ul ul li
{
 display: inline;
}
.poster li.gender, .poster li.stars, .poster li.avatar, .poster li.blurb, li.postcount, li.im_icons ul
{
 margin-top: 1em;
 
}


I can only find the Style CSS code when creating my very own theme, and I don't want to do that. I was hoping to start from the dark_blue theme and customize things from there.


Any help will be appreciated, thank-you.
« Last Edit: December 06, 2017, 09:50:56 pm by Lounge HQ »

Social Buttons


Offline Lounge HQ

  • Newbie
  • *
  • Posts: 7
  • Karma: 0
    • View Profile
Re: Post-bit Style Help
« Reply #1 on: December 07, 2017, 12:46:28 pm »
Bump

Offline CreateAForum

  • Administrator
  • *****
  • Posts: 4606
  • Karma: 261
    • View Profile
Re: Post-bit Style Help
« Reply #2 on: December 07, 2017, 01:49:18 pm »
You have it right there the css class poster
Just don't use the photobucket link
Code: [Select]
}
.poster
{
 float:
left;
 width: 15em;
}
To
Code: [Select]
.poster
{
 float: left;
 width: 12em;
 background: #ffffff url(http://i148.photobucket.com/albums/s20/smfstyles/imbg.png)repeat-x left bottom;
 border: 1px solid #D7D7D7;
 -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
 -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
 box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
  -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
 margin-left:10px;
 padding: 4px;
 position: relative;
 z-index: 49;
}

Offline Lounge HQ

  • Newbie
  • *
  • Posts: 7
  • Karma: 0
    • View Profile
Re: Post-bit Style Help
« Reply #3 on: December 07, 2017, 03:02:07 pm »
You have it right there the css class poster
Just don't use the photobucket link
Code: [Select]
}
.poster
{
 float:
left;
 width: 15em;
}
To
Code: [Select]
.poster
{
 float: left;
 width: 12em;
 background: #ffffff url(http://i148.photobucket.c...fstyles/imbg.png)repeat-x left bottom;
 border: 1px solid #D7D7D7;
 -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
 -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
 box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
  -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
 margin-left:10px;
 padding: 4px;
 position: relative;
 z-index: 49;
}


How do I get to this code for the dark_blue theme?




Offline CreateAForum

  • Administrator
  • *****
  • Posts: 4606
  • Karma: 261
    • View Profile
Re: Post-bit Style Help
« Reply #4 on: December 07, 2017, 03:04:38 pm »
On that page you would just find in the textbox area then replace.

Offline Lounge HQ

  • Newbie
  • *
  • Posts: 7
  • Karma: 0
    • View Profile
Re: Post-bit Style Help
« Reply #5 on: December 07, 2017, 03:21:19 pm »
On that page you would just find in the textbox area then replace.


I only get the text box code when I use the Create Style option. The text box code is empty when I attempt to edit the dark_blue theme.



Offline CreateAForum

  • Administrator
  • *****
  • Posts: 4606
  • Karma: 261
    • View Profile
Re: Post-bit Style Help
« Reply #6 on: December 07, 2017, 03:33:43 pm »
hmm will look into that.

Offline Lounge HQ

  • Newbie
  • *
  • Posts: 7
  • Karma: 0
    • View Profile
Re: Post-bit Style Help
« Reply #7 on: December 07, 2017, 03:48:45 pm »

Offline CreateAForum

  • Administrator
  • *****
  • Posts: 4606
  • Karma: 261
    • View Profile
Re: Post-bit Style Help
« Reply #8 on: December 07, 2017, 04:04:56 pm »
Fixed
Like Like x 1 View List

 

Related Topics

  Subject / Started by Replies Last post
10 Replies
1192 Views
Last post August 19, 2010, 04:18:56 am
by simply sibyl
4 Replies
622 Views
Last post June 17, 2011, 03:34:26 am
by Shocari
10 Replies
3145 Views
Last post January 15, 2012, 12:43:35 am
by CB
7 Replies
3272 Views
Last post March 17, 2013, 03:21:16 pm
by JEV
2 Replies
1063 Views
Last post August 05, 2013, 10:25:50 pm
by loralei