MyBB Requests

I want to make my tabs to look like this.

Submitted by SakamHost, , Thread ID: 34459

Thread Closed
SakamHost
Novice
Level:
0
Reputation:
0
Posts:
37
Likes:
0
Credits:
4
17-05-2017, 12:47 AM
This post was last modified: 17-05-2017, 12:47 AM by SakamHost
#1
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

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

v4hl
User Icon
Legend
Divine
Level:
14
Reputation:
364
Posts:
6.27K
Likes:
2.19K
Credits:
425
17-05-2017, 12:55 AM
#2
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>
[Image: xRnLbpm.png]
[Image: Tz6Qsg4.png]

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

SakamHost
Novice
Level:
0
Reputation:
0
Posts:
37
Likes:
0
Credits:
4
OP
17-05-2017, 12:59 AM
#3
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.

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

Ryahn
Novice
Prime
Level:
0
Reputation:
0
Posts:
41
Likes:
12
Credits:
196
17-05-2017, 01:01 AM
This post was last modified: 17-05-2017, 01:01 AM by Ryahn
#4
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.

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

SakamHost
Novice
Level:
0
Reputation:
0
Posts:
37
Likes:
0
Credits:
4
OP
17-05-2017, 01:07 AM
This post was last modified: 17-05-2017, 01:10 AM by SakamHost
#5
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>

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

Ryahn
Novice
Prime
Level:
0
Reputation:
0
Posts:
41
Likes:
12
Credits:
196
17-05-2017, 01:12 AM
#6
Very cool. I was going to recommend using a CSS file but I didnt know how comfortable you were with editing files, etc
1
SakamHost

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

SakamHost
Novice
Level:
0
Reputation:
0
Posts:
37
Likes:
0
Credits:
4
OP
17-05-2017, 01:17 AM
#7
Yea thank you, but the other thing im confused idk how to make it.

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

Ryahn
Novice
Prime
Level:
0
Reputation:
0
Posts:
41
Likes:
12
Credits:
196
17-05-2017, 05:39 AM
#8
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.

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

SakamHost
Novice
Level:
0
Reputation:
0
Posts:
37
Likes:
0
Credits:
4
OP
17-05-2017, 08:57 AM
This post was last modified: 17-05-2017, 02:15 PM by SakamHost
#9
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?

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

Ryahn
Novice
Prime
Level:
0
Reputation:
0
Posts:
41
Likes:
12
Credits:
196
17-05-2017, 06:05 PM
#10
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.

Users browsing this thread: 1 Guest(s)