I want to make my tabs to look like this.

SakamHost · 17-05-2017, 12:47 AM

I wanna do a 2x changes to my forum but i need your help.
My tabs are in this style:

[Image: T3sVWBY.png]

But i wanna make them to look like nulledbb i mean not same but simular because i use MyTabs plugin and its default idk how to change the style.

Second thing i wanna change the postbit template to be in horizontal and to have some good look, just that two changes i need to do to make my forum greater. Thank you

v4hl · 17-05-2017, 12:55 AM

try this
<td class="thead" style="border: 2px solid #666; margin-right: 5px; padding: 10px 10px 10px 10px; border-radius: 5px;">
<div>
<a href="{$link}">{$name}</a>
</div>
</td>

SakamHost · 17-05-2017, 12:59 AM

I use this MyTabs > Edit Tab > Tab Style i input this but how to change the background of it? I still get color blue i want to be dark.

Ryahn · 17-05-2017, 01:01 AM

Code:
style="border: 2px solid #666; margin-right: 5px; padding: 10px 10px 10px 10px; border-radius: 5px;"

Change to this

Code:
style="border: 2px solid #666; margin-right: 5px; padding: 10px 10px 10px 10px; border-radius: 5px;background-color:black;"

But someone else might know better than me.

SakamHost · 17-05-2017, 01:07 AM

Thank you guys i fixed it also i do this:

1. ) I add this CSS to global.css

Code:
.tava {
 background: #323232;
 color: #323232;
 }

2) TabStyle:

Code:
<td class="tava" style="border: 2px solid #666; margin-right: 5px; padding: 10px 10px 10px 10px; border-radius: 5px;">
 <div>
 <a href="{$link}">{$name}</a>
 </div>
 </td>

Tab Selected Style:

Code:
<td class="tava" style="border: 2px solid #666; margin-right: 5px; padding: 10px 10px 10px 10px; border-radius: 5px;">
 <div>
 <a href="{$link}"><b>{$name}</b></a>
 </div>
 </td>

Now they look black and better.

And final thing i would like to make my style of this much better like nuleddbb simular i mean.
[Image: pn41h8k.png]

This is my postbit code:

Code:
{$ignore_bit}{$deleted_bit}
 <a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>
 <div class="post {$unapproved_shade}" style="{$post_visibility}" id="post_{$post['pid']}">
 <div class="post_author">
 {$post['useravatar']}
 <div class="author_information">
 <strong><span class="largetext">{$post['profilelink']}</span></strong> {$post['onlinestatus']}<br />
 <span class="smalltext">
 {$post['usertitle']}<br />
 {$post['userstars']}
 {$post['groupimage']}
 </span>
 </div>
 <div class="author_statistics">
 {$post['user_details']}<br />{$post['myawards']}
 </div>
 </div>
 <div class="post_content">
 <div class="post_head">
 {$post['posturl']}
 {$post['icon']}
 <span class="post_date">{$post['postdate']} <span class="post_edit" id="edited_by_{$post['pid']}">{$post['editedmsg']}</span></span>
 {$post['subject_extra']}
 </div>
 <div class="post_body scaleimages" id="pid_{$post['pid']}">
 {$post['message']}
 </div>
 {$post['attachments']}
 {$post['signature']}
 <div class="post_meta" id="post_meta_{$post['pid']}">
 {$post['iplogged']}
 </div>
 </div>
 <div class="post_controls">
 <div class="postbit_buttons author_buttons float_left">
 {$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}{$post['button_rep']}
 </div>
 <div class="postbit_buttons post_management_buttons float_right">
 {$post['button_edit']}{$post['button_quickdelete']}{$post['button_quickrestore']}{$post['button_quote']}{$post['button_multiquote']}{$post['button_report']}{$post['button_warn']}{$post['button_purgespammer']}{$post['button_reply_pm']}{$post['button_replyall_pm']}{$post['button_forward_pm']}{$post['button_delete_pm']}
 </div>
 </div>
 </div>

Ryahn · 17-05-2017, 01:12 AM

Very cool. I was going to recommend using a CSS file but I didnt know how comfortable you were with editing files, etc

SakamHost · 17-05-2017, 01:17 AM

Yea thank you, but the other thing im confused idk how to make it.

Ryahn · 17-05-2017, 05:39 AM

17-05-2017, 01:17 AM
SakamHost Wrote: Yea thank you, but the other thing im confused idk how to make it.

Make the CSS file? You can always use the global.css and just add to it.

SakamHost · 17-05-2017, 08:57 AM

17-05-2017, 05:39 AM
Ryahn Wrote: Make the CSS file? You can always use the global.css and just add to it.

Mhm i dont know which css to edit for this do you have some ecample or some theme which had style like i want?

Can anyone help me with this?

Ryahn · 17-05-2017, 06:05 PM

As far as styling your buttons. You would have to dig into the source code or use the inspector Chrome or Firefox has. From there, you can see the CSS that is used. You will most likely want to use a style.css file to put all your code in it.

I want to make my tabs to look like this.

Submitted by SakamHost, 17-05-2017, 12:47 AM, Thread ID: 34459

RE: I want to make my tabs to look like this.

RE: I want to make my tabs to look like this.

RE: I want to make my tabs to look like this.

RE: I want to make my tabs to look like this.

RE: I want to make my tabs to look like this.

RE: I want to make my tabs to look like this.

RE: I want to make my tabs to look like this.

RE: I want to make my tabs to look like this.

RE: I want to make my tabs to look like this.