GDD Player v1.0

August 9, 2013, 11:15 am

≫ Next: [Core Edit] Escaping usergroups from 'User Pruning'

Name: GDD Player
Author: hamidkag
Version: 1.0
MyBB Version: 1.6.*

Description:
make a Movie player MyCode in your froum posts that play your movie in your Host, in your Froum & whith your Logo on Movie.
in act this is a Personal Player On your Host.

Website of GDD Player: www.gdd.ro/free-flash-flv-player

This Player Support Flv & Mp4 Formats

Plugin Features:

on/off Setting
on/off Demo Images on movie
Player Size (height & width) Setting
on/off autoplay movie when page is reload

Attention: to chang Movie Logo that place in right-top of Player you must go in gdd folder in your forum root and Replace your logo with logo.png & logo must be in Format PNG.

How to use by Mycode?
if your Demo Images Setting in ACP is on you must use this Mycode:

PHP Code:

[GDD]A,B[/GDD] 

A=Movie Url
B=Demo Image Url
and if your Demo Images Setting in ACP is off you must use this Mycode:

PHP Code:

[GDD]A[/GDD] 

A=Movie Url

Demo:

.png

Firefox20130809221940382.png (Size: 12.43 KB / Downloads: 14)
.png

09-08-2013 10-40-50 ب.png (Size: 19.21 KB / Downloads: 13)

Download:

.zip

GDD-Player-v1.zip (Size: 17.19 KB / Downloads: 4)

↧

[Core Edit] Escaping usergroups from 'User Pruning'

August 13, 2013, 4:59 am

≫ Next: [Core Edit] Normalize Thread / Post Title

≪ Previous: GDD Player v1.0

Pre-words

MyBB has a default task to prune users based on the [1] Account Activation & [2] Post Count. After enabling the option from ACP > Configuration > Settings > User Pruning it runs a task in background and deletes the user accounts (and posts / threads also, if selected) based on the criteria specified under the same settings mentioned above.

The Situation

The Pruning task deletes users from all the usergroups other than Admin, Supermod, Moderator and Banned groups. But sometimes it is required to escape those users you don't want to get pruned. The requirement arrived as some of the valuable users from MyBB Community holds membership in my site, but they never post. As the settings of my site prunes users with 0 post count their accounts are under pruning criteria. So, I've done this little modification in my core to save those accounts to get pruned. I believe this is a common problem to others also; hence decided to share ...

I've moved those users I don't wanna get pruned in a special group and saved them by this method:

Setting the option in MyBB Settings [SQL]

First, you need to run an SQL query through your MyBB Database to make the settings for the option field:

Code:

INSERT INTO  `mybbdata`.`mybb_settings` ( `sid` , `name` , `title` , `description` , `optionscode` , `value` , `disporder` , `gid` , `isdefault` )

VALUES ( NULL ,  'ispruneproof',  'Usergroups out of Pruning',  'Usergroups who will not be pruned despite of being in pruning criteria, separated by comma.',  'text',  '',  '8',  '21',  '1' );

Change "mybbdata" to your database name for your MyBB installation.
Change "mybb_" to your specified table-prefix of MyBB database.

Now you have an additional option in your user pruning settings:

[Image: 6qFGSgd.png]

Adding the function to the task file [PHP]

Now open your 'User Pruning' task file from:
inc/tasks/userpruning.php
in a text editor and go to around line nos. 42 - 44 where the following code lines are:

PHP Code:

        {
            $key = array_search('5', $in_usergroups);
            unset($in_usergroups[$key]);
        } 

Add just after that:

PHP Code:

        // Remove the groups defined not to be pruned as well (custom function).
        if($mybb->settings['ispruneproof'])
        {
            $proofgroup = explode(",",$mybb->settings['ispruneproof']);
            foreach ($proofgroup as $ppf) {
                $key = array_search($ppf, $in_usergroups);
                unset($in_usergroups[$key]);
            }
            unset($ppf); // break the reference after setting out
        } 

Save the file and reupload.

Congratulations. You have successfully applied the options to escape usergroups from 'User Pruning'.
Now set the usergroups you don't want to get pruned in settings and let the task handle the rest.

Happy coding ... Big Grin

↧

[Core Edit] Normalize Thread / Post Title

August 14, 2013, 5:52 am

≫ Next: Show toggle collapse on hover!

≪ Previous: [Core Edit] Escaping usergroups from 'User Pruning'

We often see people posts with all-caps or mixed letter subjects that looks very odd. Example?

HELLO brO!!!
HELP mE pLeaSE ...

Weird, right? Well, lets normalize the title with a single line core edit.

Open the file

Code:

inc/datahandlers/post.php

Go to around line no. 148 and find this code line:

PHP Code:

$subject = trim_blank_chrs($subject); 

Now add just after that:

PHP Code:

$subject = ucwords(strtolower($subject)); 

Save the file, reupload to right location.
Now all your future thread / post subjects will be like:

Hello Bro!!!
Help Me Please ...

Happy coding Big Grin

↧

Show toggle collapse on hover!

August 20, 2013, 6:15 am

≫ Next: [Without Plugin] Making an Upgrade Page

≪ Previous: [Core Edit] Normalize Thread / Post Title

What is this?
In this tutorial I'll show you how to add this elegant effect to toggle collapse. Basically it makes the toggle collapse button only appear when we hover our mouse over the category. Preview can be found, here.
Tutorial:
Go to: Admin CP/ Templates & Styles/ Themes/ YOUR THEME/ global.css
and Advanced Mode and just paste the following code in the end.

Code:

.thead .expcolimage img {

    opacity: 0;

    -webkit-transition: opacity .25s ease-in-out;

        -moz-transition: opacity .25s ease-in-out;

        -ms-transition: opacity .25s ease-in-out;

        -o-transition: opacity .25s ease-in-out;

        transition: opacity .25s ease-in-out;

}

.thead:hover .expcolimage img {

    opacity: 1;

}

Then just save!
If you have any questions or concerns please reply here.
This tutorial was originally created for PromotionZone.

↧

[Without Plugin] Making an Upgrade Page

August 21, 2013, 7:50 am

≫ Next: [Req]mybb htaccess

≪ Previous: Show toggle collapse on hover!

Create a php file and name it "upgrade"

PHP Code:

<?php 

define('IN_MYBB', 1); require "./global.php";

add_breadcrumb("Upgrade", "upgrade.php"); 

eval("\$html = \"".$templates->get("upgrade")."\";"); 

output_page($html);

?>

Now go to ACP > Themes & templates > Templates > Global Templates > Add template.

You will need to write your own content.

Code:

<html>

<head>

<title>Upgrade</title>

{$headerinclude}

</head>

<body>

{$header}

<table border="0" cellspacing="1" cellpadding="4" class="tborder">

<tr>

<td class="thead"><span class="smalltext"><strong>Upgrade</strong></span></td>

</tr>

<tr>

<td class="trow1">

Add here your custom messages.

</td></tr></table>

{$footer}

</body>

</html>

You can edit that however you wish. But make sure you call the template "upgrade" since the php file is called that as well.

If you have any questions, feel free to hit me up.

↧

[Req]mybb htaccess

August 21, 2013, 12:42 pm

≫ Next: New Blink script for FireFox 23

≪ Previous: [Without Plugin] Making an Upgrade Page

Hello guys

im learning about how to make a .htaccess but i find it difficult with mybb i tried a lot to change threads/forums urls and the pages like misc.php?page=[pagename] to simple one with the htaccess but i failed everytime

so im just requesting simple tut about how to make a .htaccess without google SEO(the original mybb htaccess.txt)

1. threads and forums ---> domain.com/thread/[threadname] & domain.con/forum/[forumname]

2. users and calendar domain.com/user/[username] & domain.com/calendar/[day]/[month]/[year]

3. pages and tabs(mytabs plugin)
original pages link: domain.com/misc.php?page=[pagename]
make it to: domain.com/[pagename]

original tab link: domain.com/index.php?tab=1
make it to: domain.com/tab/[tabname]

thats all i will be thankful if someone tell me how to make it cuz in fact i want to delete my htaccess and make a new one

and thanks all respect to mybb users and staff team

Plz somebody support me?

Shame that mybb users ignore me

Shame that mybb users ignore me..

↧

New Blink script for FireFox 23

August 21, 2013, 1:17 pm

≫ Next: Staff's postbit different from that of users

≪ Previous: [Req]mybb htaccess

New Blink script for FireFox 23 and all new browsers . jut put it in footer template and write <blink>your Text</blink> everywhere you want !!!!!!!!.

PHP Code:

<script>
function blink() {
  var tags = document.getElementsByTagName('blink');
  for (var i = 0; i < tags.length; i++) {
    var b = tags[i].style;
    b.visibility = b.visibility == 'hidden' ? 'visible' : 'hidden';
  };
}
setInterval(blink, 500);
</script> 

↧

Staff's postbit different from that of users

August 25, 2013, 11:40 am

≫ Next: Tutorial like a Page of Downloads with auto img resizer

≪ Previous: New Blink script for FireFox 23

Original topic: http://mybbarena.it/showthread.php?tid=51&pid=94#pid94

The effect get will be:

[Image: guida1.png]

We download the image at the bottom of the topic and we upload in "/images" folder

Go to Theme/template/your Theme/global.css and add:

Code:

.classic4, .classic3, .classic6 {

background-repeat: repeat-x !important;

background-image: url('images/staff_postbit.png') !important;

}

.normal4, .normal3, .normal6 {

background-repeat: repeat-x;

background-position: top;

background-image: url('images/staff_postbit.png');

}

Go to Theme/template/your template/postbit template/postbit

to look for this:

Code:

<td class="trow1 {$unapproved_shade}">

                <table cellspacing="0" cellpadding="0" border="0" style="width: 100%;">

                    <tr>

                        <td class="post_avatar" width="1" style="{$post['avatar_padding']}">

                            {$post['useravatar']}

                        </td>

                        <td class="post_author">

                            <strong><span class="largetext">{$post['profilelink']}</span></strong> {$post['onlinestatus']}<br />

                            <span class="smalltext">

                                {$post['usertitle']}<br />

                                {$post['userstars']}

                                {$post['groupimage']}

                            </span>

                        </td>

and we add at the attribute "class" of the first line this:

Code:

normal{$post['usergroup']}

so as to get:

Code:

<td class="normal{$post['usergroup']} trow1 {$unapproved_shade}">

                <table cellspacing="0" cellpadding="0" border="0" style="width: 100%;">

                    <tr>

                        <td class="post_avatar" width="1" style="{$post['avatar_padding']}">

                            {$post['useravatar']}

                        </td>

                        <td class="post_author">

                            <strong><span class="largetext">{$post['profilelink']}</span></strong> {$post['onlinestatus']}<br />

                            <span class="smalltext">

                                {$post['usertitle']}<br />

                                {$post['userstars']}

                                {$post['groupimage']}

                            </span>

                        </td>

Go to Theme/template/your template/postbit template/postbit_classic

to look for this:

Code:

        <td class="{$altbg}" width="15%" valign="top" style="white-space: nowrap; text-align: center;"><a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>

        <strong><span class="largetext">{$post['profilelink']}</span></strong> {$post['onlinestatus']}<br />

        <span class="smalltext">

            {$post['usertitle']}<br />

            {$post['userstars']}

            {$post['groupimage']}

            {$post['useravatar']}<br />

            {$post['user_details']}

        </span>

    </td>

and we add at the attribute "class" of the first line this:

Code:

normal{$post['usergroup']}

so as to get:

Code:

        <td class="classic{$post['usergroup']} {$altbg}" width="15%" valign="top" style="white-space: nowrap; text-align: center;"><a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>

        <strong><span class="largetext">{$post['profilelink']}</span></strong> {$post['onlinestatus']}<br />

        <span class="smalltext">

            {$post['usertitle']}<br />

            {$post['userstars']}

            {$post['groupimage']}

            {$post['useravatar']}<br />

            {$post['user_details']}

        </span>

    </td>

staff_postbit.png (Size: 6.69 KB / Downloads: 62)

↧

Tutorial like a Page of Downloads with auto img resizer

August 26, 2013, 4:00 am

≫ Next: [TuT]Make Best Urls

≪ Previous: Staff's postbit different from that of users

http://i.minus.com/ijrENjMJiv5wI.png

Hi~ :3
Sorry if the english is so bad on this tutorial, but I'm from Spain, any correction is welcome here Smile

Things that you can't make with this tutorial:
-You can't delete the Portal credits on Portal template, but you can translate it if you link.
-The credits only are show on the portal.

That things have this Portal?:

2 o 3 announcements on 1 line(edit css)
Image resizer with css.
Auto-adaptable skin to ALL MyBB themes, with support for porcentage.

Let's start!
We will edit this templates: portal and portal_announcement.

Delete portal and replace with this:

Code:

<html>

<head>

<title>{$mybb->settings['bbname']}</title>

{$headerinclude}

</head>

<body>

{$header}

<div style="text-align: center;">

{$announcements}

</div>

<div style="float:right;">Portal diseñado por <a href="http://tuotaku.hakome.com" target="_blank"><b>Yadomi</b></a>.</div>

{$footer}

</body>

</html>

Now will replace portal_announcement with it:

Code:

<div class="artprin">

<div class="title"><a href="{$mybb->settings['bburl']}/{$announcement['threadlink']}">

{$announcement['subject']}</a>

</div>

<div style="text-align: left;">

{$message}

{$post['attachments']}

<div class="artbot">

<span class="smalltext">{$lang->posted_by} {$profilelink}  - {$anndate} {$anntime} </span>

</div>

</div>

</div>

We have HTML ready now, then will add the css, adding this to global.css(or simply can add a portal.css only attched to portal.php Smile

)

Code:

.title {

margin-left: -3px;

margin-right: -3px;

margin-top: -3px;

padding: 6px;

border-bottom: 1px solid rgba(22, 22, 22, 0.2);

background: rgba(222, 222, 222, 0.1);

font-size: 15px;

margin-bottom: 3px;

}

.artprin {

width: 32%;

border: 1px solid rgba(22, 22, 22, 0.2);

display: inline-block;

vertical-align: top;

padding: 3px;

border-radius: 3px;

margin-bottom: 3px;

}

.artprin img {

max-width: 90% !important;

max-height: auto !important;

}

.artbot {

border-top: 1px dashed rgba(22, 22, 22, 0.2);

margin-top: 3px;

padding: 3px;

}

Image on various resolutions:
http://i.minus.com/iF6KuulI7hxnj.png

If only want two columns:

Code:

.title {

margin-left: -3px;

margin-right: -3px;

margin-top: -3px;

padding: 6px;

border-bottom: 1px solid rgba(22, 22, 22, 0.2);

background: rgba(222, 222, 222, 0.1);

font-size: 15px;

margin-bottom: 3px;

}

.artprin {

width: 48%;

border: 1px solid rgba(22, 22, 22, 0.2);

display: inline-block;

vertical-align: top;

padding: 3px;

border-radius: 3px;

margin-bottom: 3px;

}

.artprin img {

max-width: 90% !important;

max-height: auto !important;

}

.artbot {

border-top: 1px dashed rgba(22, 22, 22, 0.2);

margin-top: 3px;

padding: 3px;

}

↧

[TuT]Make Best Urls

August 28, 2013, 1:44 pm

≫ Next: How To Ask on MYBB Forum

≪ Previous: Tutorial like a Page of Downloads with auto img resizer

Hello guys

i m here to tell you how to make your forum with awesome urls

Page Manager Plugin[/code]
http://mods.mybb.com/view/page-manager
board from your pages links look like bad with this plugin?

Code:

mysite.com/misc.php?page=[pagename]

i can solve you this problem
to make it

Code:

mysite.com/[pagename]

go to your .htaccess
then add this code

Code:

Options -Multiviews

RewriteEngine On

RewriteBase /

# Force search engines to use [b]yourdomain.com[/b]

RewriteCond %{HTTP_HOST} !^[b]yourdomain\.com[/b]$

RewriteRule ^(.*) http://[b]yourdomain.com/[/b]$1 [R=301,L]

# Specify search friendly URLs

RewriteRule ^([a-z0-9]+)$ /misc.php?page=$1 [L]

the bold link change it with your link
if your site is subdomain
!^sub\.site\.com$
if is your forum as folder like mysite.com/forum
dont make changes leave it
add this code after

Code:

RewriteRule ^thread-([0-9]+)-post-([0-9]+)\.html$ showthread.php?tid=$1&pid=$2 [L,QSA]

make a good line between them
i dont know if you can put it somewhere else but i do that and work for me

If you are use Google SEO
open the google seo htaccess > go down you will see # Default MyBB Rewrite Rules: > then go down you will see RewriteRule ^thread-([0-9]+)-post-([0-9]+)\.html$ > put these codes after it

Add more than 1 link with page plugin
example
you add a page with page plugin and you want your url looks like
yoursite.com/about/me
i have the right way for you
first go to admin cp > themes > templates > your templates > header > and add this code

Code:

<base href="{$settings['bburl']}/" />

that will solve a big problem
when you make your link like mysite.com/about/me
the images will disappear and your links gonna be like for example
the search.php will be yoursite.com/about/search.php

Code:

RewriteRule ^([a-z0-9]+)/([a-z0-9]+)$ /misc.php?page=$1/$2 [L]

add this after your first 1 your code will be like

Code:

Options -Multiviews

RewriteEngine On

RewriteBase /

# Force search engines to use site.com

RewriteCond %{HTTP_HOST} !^site\.com$

RewriteRule ^(.*) http://site.com/$1 [R=301,L]

# Specify search friendly URLs

RewriteRule ^([a-z0-9]+)$ /misc.php?page=$1 [L]

RewriteRule ^([a-z0-9]+)/([a-z0-9]+)$ /misc.php?page=$1/$2 [L]

and if you want to add 3 places like
mysite.com/about/sites/google

just add this code

Code:

RewriteRule ^([a-z0-9]+)/([a-z0-9]+)/([a-z0-9]+)$ /misc.php?page=$1/$2/$3 [L]

if you want more than 4
just add ([a-z0-9]+)/ next to the ^

Remove the .php from your link

want your link like that?
mysite.com/example.php to-> mysite.com/example
like search.php or portal.php

add this code to your .htaccess

Code:

RewriteEngine on

RewriteBase /

RewriteCond %{SCRIPT_FILENAME} !-d

RewriteCond %{SCRIPT_FILENAME} !-f

RewriteRule ^(.*)$ $1.php [L,QSA]

add this between ^forum and ^thread

if you use google seo just find # Default MyBB Rewrite Rules:
and add it between ^forum and ^thread

got a problem? or you cant understand my english? post your reply here and i will help you
dont forget to give me +1 if you like it

↧

How To Ask on MYBB Forum

August 24, 2013, 2:54 am

≫ Next: How I got MyBB 1.6 to work on a Smartphone

≪ Previous: [TuT]Make Best Urls

Hello All,
Today I will Show you how To ask On MYBB Forum in a better way.
You can not Explain Your problems In words.
That is why you need images to show your forums picture.
if you have not Web Cam then go to your forum what ever your want to ask.
And then press on your keyboard following Button.
[Image: printscreen-keyboard.jpg]

Then Go To Your Start button and find paint shop.
[Image: paint.JPG]

Click On Edit>>> paste Button

[Image: paint.JPG]

Resize your image and cut. Then save your image any format.

I use all images in this way in this thread.
Note :You can use any other Paint Services.

Thanks,
Ahsan ANC

↧

How I got MyBB 1.6 to work on a Smartphone

September 6, 2013, 1:28 pm

≫ Next: How to add tooltip to your forum (Jquery)

≪ Previous: How To Ask on MYBB Forum

A cursory glance shows that there isn't a formal project undergoing active development getting MyBB to look decent on a smartphone (for example, http://community.mybb.com/thread-76078.html ) (Edit MyBB Go Mobile’s web page is closed, but here’s a GitHub copy of the software: https://github.com/jasonliehr/MyBB-GoMobile )

That in mind, I just went ahead and hacked smartphone support in to MyBB this morning.

What I did requires a working knowledge of HTML and CSS. First of all, I hacked the MyBB source to change the selector for the "global.css" file so that smart phones do not see it:

http://samiam.org/software/MyBB-1.6-smartphone.patch

Once I did that, I then did some template hacking. The goal of the hacks was to:

Have an alternate stylesheet visible to mobile users
Reduce the clutter on small screens by hiding some fields from smartphone users.

Here is the beginning of my header template:

Code:

<link rel="stylesheet" type="text/css" href="/forum_smartphone.css"

      media="only screen and (max-width: 640px)" />

<meta name="viewport" 

content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"

>

This code tells smartphones to load the alternative forum_smartphone.css file, and to not be small text with pinch zoom enabled.

The forum_smartphone.css file has CSS like this:

Code:

.logo { display: none; }

.nomobile { display: none; }

.hidden { display: none; }

.trow_sep {

        background: #e5e5e5;

        color: #000;

        font-size: 10pt;

        font-family: Verdana, "Bitstream Vera Sans", Geneva, "DejaVu Sans", sans-serif;

        font-weight: normal;

}

.menu  {

    display: none;

}

#panel {

        font-family: Verdana, "Bitstream Vera Sans", Geneva, "DejaVu Sans", sans-serif;

        background: #8fc1f2;

        font-size: 10pt;

        padding: 2px;

}

#panel .remember_me input {

        vertical-align: middle;

        margin-top: -1px;

}

Here, we see it hiding some things (like my logo, which is too big for a smart phone, as well as the menu at the top) and providing alternate simplified versions of other elements.

I then modified some templates to not clutter a small smartphone screen with too much information. For example, here is the forumdisplay_subforums template:

Code:

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">

<tr>

<td class="thead" colspan="5" align="center"><strong>{$lang->sub_forums_in}</strong></td>

</tr>

<tr>

<td class="tcat" width="2%">&nbsp;</td>

<td class="tcat" width="59%"><span class="smalltext"><strong>{$lang->forumbit_forum}</strong></span></td>

<td class="nomobile tcat" width="7%" align="center" style="white-space: nowrap"><span class="smalltext"><strong>{$lang->forumbit_threads}</strong></span></td>

<td class="nomobile tcat" width="7%" align="center" style="white-space: nowrap"><span class="smalltext"><strong>{$lang->forumbit_posts}</strong></span></td>

<td class="nomobile tcat" width="15%" align="center"><span class="smalltext"><strong>{$lang->forumbit_lastpost}</strong></span></td>

</tr>

{$forums}

</table>

<br />

The important thing to note is the "nomobile" in most table columns; only the forum name is visible on a smartphone screen.

I made similar edits in forumdisplay_threadlist, forumdisplay_threadlist_rating, forumdisplay_thread_rating, forumdisplay_thread, showthread, showthread_quickreply, and possibly some other templates.

The point being: While MyBB was developed before the explosion of smartphones, its templating system is flexible enough to look nice on smartphones once a small patch is applied to the source code to change how the global CSS selector looks.

↧

How to add tooltip to your forum (Jquery)

September 10, 2013, 5:45 pm

≫ Next: Accept Cookies Tutorial

≪ Previous: How I got MyBB 1.6 to work on a Smartphone

Removed

↧

Accept Cookies Tutorial

July 29, 2013, 11:53 am

≫ Next: Adding a Tabbed Member Profile Page for MyBB

≪ Previous: How to add tooltip to your forum (Jquery)

So this is a quick and simple tutorial on how to add an accept cookies bubble to display in your footer:
[Image: 10fc552.png]

How to install:

1. Go to AdminCP --> Templates & Style --> Your Style's Templates --> Footer Templates --> Footer
2. At the very end of the footer template add:

PHP Code:

<link rel="stylesheet" type="text/css" href="http://yoursitehere.com/cookies-accept/main.css"/>
<script type="text/javascript" src="http://yoursitehere.com/cookies-accept/support-opt-in.js"></script>
<script type="text/javascript" src="http://yoursitehere.com/cookies-accept/require-opt-in.js" read_more="http://www.yoursitehere.com/privacy-policy"></script> 

Then upload the folder cookies-accept to your server.

Edit the links to wherever the folder or contents are located on your server.

.zip

cookies-accept.zip (Size: 10.07 KB / Downloads: 39)

↧

Adding a Tabbed Member Profile Page for MyBB

October 6, 2013, 12:14 am

≫ Next: Forum Hover Effect on MyBB Index Page

≪ Previous: Accept Cookies Tutorial

Please note that the main part of the guide and the most important aka the Javascript has been made by Envira Phani. So all credits and thanks to him.

Rest of the customized HTML and CSS is made by me to give a professional look and feel to it.

Once again big thanks to Dr. Envira Phani.

So lets start.

Go to adminCP-> Templates and Style->Templates->Your theme->Ungrouped Templates->Header Include Templates.

If you have not included jquery libraries please include it. Post it at the begining of the headerinclude templates:-

Code:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js">

</script>

Add the following code to the end of it.

Code:

<script type="text/javascript">

jQuery.noConflict();

jQuery(document).ready(function($) {

    $(".tab_content").hide(); 

    $("ul.tabs li:first").addClass("active").show();

    $(".tab_content:first").show(); 

    $("ul.tabs li").click(function() {

        $("ul.tabs li").removeClass("active"); 

        $(this).addClass("active"); 

        $(".tab_content").hide(); 

        var activeTab = $(this).find("a").attr("href"); 

        $(activeTab).fadeIn();

        return false;

    });

});

</script>

Now go back to your theme's templates and find Member Templates->Member Profile
REPLACE ALL THE CODE WITH THE FOLLOWING CODE:-

Code:

<html>

<head>

<title>{$mybb->settings['bbname']} - {$lang->profile}</title>

{$headerinclude}

</head>

<body>

{$header}

<table border="0" cellspacing="0" cellpadding="10" width="100%">

<tr width="100%">

<th class="memprof" width="20%" border="0" cellspacing="0" cellpading="10">

<span class="memtext"><strong>{$formattedname}</strong></span>

</th>

<th class="memprof" width="150%" border="0" cellspacing="0" cellpading="10">

<span class="memtext" style="float:right;"><strong><font color="white">{$online_status}</font></strong></span>

</th>

</tr>

<tr width="100%">

<td width="20%" valign="top">

<table border="0" cellspacing="0" cellpadding="10" width="40%">

<tr width="100%">

<td class="trow1" width="40%">

{$avatar}

<table width="40%" cellspacing="0" cellpadding="0" border="0"><tr><td class="trow1" width="75%">

<span class="largetext"><strong>{$formattedname}</strong></span><br />

<span class="smalltext">

({$usertitle})<br />

{$groupimage}

{$userstars}<br />

<br />

<strong>{$lang->registration_date}</strong> {$memregdate}<br />

<strong>{$lang->date_of_birth}</strong> {$membday} {$membdayage}<br />

<strong>{$lang->local_time}</strong> {$localtime}<br />

<strong>{$lang->postbit_status}</strong> {$online_status}

</span>

</td><td width="25%" align="right" valign="middle"></td></tr></table>

</td>

</tr>

{$awaybit}

</table>

</td>

<td width="150%" valign="top">

<table width="100%" cellspacing="0" cellpadding="0" border="0">

<td width="100%" style="vertical-align: top;padding-top: 2px;">

    <ul class="tabs">

        <li><a href="#tab1"><font color="white">About</font></a></li>

        <li><a href="#tab2"><font color="white">Contact</font></a></li>

        <li><a href="#tab3"><font color="white">Activity</font></a></li>

<li><a href="#tab4"><font color="white">Moderation</font></a></li>

    </ul>

<br /> 

<div class="tab_container">

<div id="tab1" class="tab_content">

{$profilefields}

{$signature}

{$buddy_options}

</div>

<div id="tab2" class="tab_content">

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">

<tr>

<td colspan="2" class="thead"><strong>Contact Details Of {$formattedname}</strong>

<tr>

<td class="trow1"><strong>{$lang->homepage}</strong></td>

<td class="trow1">{$website}</td>

</tr>

{$sendemail}

<tr>

<td class="trow2"><strong>{$lang->pm}</strong></td>

<td class="trow2"><a href="private.php?action=send&amp;uid={$memprofile['uid']}">{$lang->send_pm}</a></td>

</tr>

<tr>

<td class="trow1"><strong>{$lang->icq_number}</strong></td>

<td class="trow1"><a href="javascript:;" onclick="MyBB.popupWindow('misc.php?action=imcenter&amp;imtype=icq&amp;uid={$uid}', 'imcenter', 450, 300);">{$memprofile['icq']}</a></td>

</tr>

<tr>

<td class="trow2"><strong>{$lang->aim_screenname}</strong></td>

<td class="trow2"><a href="javascript:;" onclick="MyBB.popupWindow('misc.php?action=imcenter&amp;imtype=aim&amp;uid={$uid}', 'imcenter', 450, 300);">{$memprofile['aim']}</a></td>

</tr>

<tr>

<td class="trow1"><strong>{$lang->yahoo_id}</strong></td>

<td class="trow1"><a href="javascript:;" onclick="MyBB.popupWindow('misc.php?action=imcenter&amp;imtype=yahoo&amp;uid={$uid}', 'imcenter', 450, 300);">{$memprofile['yahoo']}</a></td>

</tr>

<tr>

<td class="trow2"><strong>{$lang->msn}</strong></td>

<td class="trow2"><a href="javascript:;" onclick="MyBB.popupWindow('misc.php?action=imcenter&amp;imtype=msn&amp;uid={$uid}', 'imcenter', 450, 300);">{$memprofile['msn']}</a></td>

</tr>

</td>

</tr>

</table>

</div>

<div id="tab3" class="tab_content">

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">

<tr>

<td colspan="2" class="thead"><strong>Statistics Of {$formattedname}</strong>

<tr>

<td class="trow1"><strong>{$lang->joined}</strong></td>

<td class="trow1">{$memregdate}</td>

</tr>

<tr>

<td class="trow2"><strong>{$lang->lastvisit}</strong></td>

<td class="trow2">{$memlastvisitdate} {$memlastvisittime}</td>

</tr>

<tr>

<td class="trow1"><strong>{$lang->total_posts}</strong></td>

<td class="trow1">{$memprofile['postnum']} ({$lang->ppd_percent_total})<br /><span class="smalltext">(<a href="search.php?action=finduserthreads&amp;uid={$uid}">{$lang->find_threads}</a> &mdash; <a href="search.php?action=finduser&amp;uid={$uid}">{$lang->find_posts}</a>)</span></td>

</tr>

<tr>

<td class="trow2"><strong>{$lang->timeonline}</strong></td>

<td class="trow2">{$timeonline}</td>

</tr>

{$reputation}

{$warning_level}

</td>

</tr>

</table>

</div>

<div id="tab4" class="tab_content">

{$modoptions}

{$adminoptions}

</div>

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

{$footer}

</body>

</html>

Now go to Templates and style->Themes->Your theme->Global.css->Edit in Advanced Mode

Add to the end of the global.css the following:-

Code:

.tabs{

background: #41403B;

margin: 0px;

padding: 0px;

margin-top: 10px;

list-style: none;

}

.tabs li{

background: none;

color: #fff;

display: inline-block;

padding: 10px 15px;

cursor: pointer;

}

.tabs li.current{

background: #fff;

color: #222;

}

.tab-content{

display: none;

background: #ededed;

padding: 15px;

}

.tab-content.current{

display: inherit;

}

.memprof

{

background: #4774a1; /*For old browsers*/

color: #fff;

}

.memtext

{

font-size: 16px;

font-weight: bold;

color: #fff;

}

.memprof a:link

{color: #fff;

}

.memprof a:visited

{

color: #fff;

}

You should get a member profile of this sort:-

.png

memprof.PNG (Size: 77.19 KB / Downloads: 133)
A live demo available at http://www.tweakbytes.com ie my site.
GUIDE UPDATED.

↧

Forum Hover Effect on MyBB Index Page

October 6, 2013, 1:06 am

≫ Next: Html

≪ Previous: Adding a Tabbed Member Profile Page for MyBB

Original topic here : http://myskins.org/Thread-Forum-Hover-Ef...Index-Page

Hello friends,
I wanted to share this little tip with you guys , which makes a hover effect on the index page for the forums under categories.

Its just a few lines of code and it is pretty basic tut.

1.CSS
You need to add a class to your global.css at bottom , lets call :
.hovi {
background:#fff;
}

Now you need to add the hover code to the class :
.hovi:hover {
background: #EEE;
}

So this combines as

Code:

.hovi {

background:#fff;

}

.hovi:hover {

background: #EEE;

}

Add the code to global.css

2. HTML
Now you need to add the class to html link.
So navigate to templates of your theme > forumbit_depth2_forum template.
Find in the first line of the template
<tr>

add the class you define the hover to it , and it goes like
<tr class="hovi">

Now save the templates and enjoy the hover effect of forums on index.

Thank you
regards

↧

Html

October 23, 2013, 9:41 am

≫ Next: Tutorial to make 4 column footer for Your MyBB Forum

≪ Previous: Forum Hover Effect on MyBB Index Page

Hi i want HTML Mybb Version like oldschool-cs.info If can help me then please help

↧

Tutorial to make 4 column footer for Your MyBB Forum

October 25, 2013, 7:35 am

≫ Next: Add three personal icons in the post author

≪ Previous: Html

Hello friends,

Original Post here : http://myskins.org/Thread-Tutorial-to-ma...r-for-MyBB

Here is a tutorial on how to make a 4 column footer for MyBB.

The tutorial is simple with few edits in templates and addition of css.
Lets get into the tut.

1. Adding the Css :

Add this css at the bottom of your theme's global.css and save the theme.

Code:

#foot *{

    box-sizing:border-box;

}

#foot {

width: 100%;

height: 250px;

background: #111;

}

.col {

    background: #111;

    float: left;

    padding: 5px 15px;

    width: 25%;

}

h3 { 

    background: none;

    color: #FFF;

    font: bold 18px Arial, Helvetica, sans-serif;

    font-variant: small-caps;

    margin: 0 0 20px 0;

    padding: 9px 0 0 19px;

    height: 33px;

    color:#E04006;

}

div.col ul{ 

    list-style: none;

    margin: 0;

    padding: 0;

}

div.col li { 

    height: 35px;

    margin: 3px 0;

    padding: 0;

}

div.col li a { 

    color: #FFF;

    display: block;

    font: normal 12px Verdana, Geneva, sans-serif;

    padding: 10px 0 0 19px;

    text-decoration: none;

}

div.col li:hover { 

    background: #212121;

}

2. Editing the templates :

Now go to templates and find footer templates> footer
Replace the following code in it with the code below

Find :

Code:

<div class="bottommenu">

<div class="float_right">{$lang_select}</div>

<div>

<span class="smalltext">links here 

</div> </div>

Replace with :

Code:

<div id="foot">

<div class="col">

<h3>Navigation 1</h3>

<ul>

<li><a href="link 1">link 1</a></li>

<li><a href="link 2">link 2</a></li>

<li><a href="link 1">link 1</a></li>

<li><a href="link 2">link 2</a></li>

</ul>

</div>

<div class="col">

<h3>Navigation 2</h3>

<ul>

<li><a href="link 1">link 1</a></li>

<li><a href="link 2">link 2</a></li>

<li><a href="link 1">link 1</a></li>

<li><a href="link 2">link 2</a></li>

</ul>

</div>

<div class="col">

<h3>Navigation 3</h3>

<ul>

<li><a href="link 1">link 1</a></li>

<li><a href="link 2">link 2</a></li>

<li><a href="link 1">link 1</a></li>

<li><a href="link 2">link 2</a></li>

</ul>

</div>

<div class="col">

<h3>Navigation 4</h3>

<ul>

<li><a href="link 1">link 1</a></li>

<li><a href="link 2">link 2</a></li>

<li><a href="link 1">link 1</a></li>

<li><a href="link 2">link 2</a></li>

</ul>

</div>

</div>

Save the templates.
This gives you a 4 column footer for MyBB.

Here is a demo of what you wanted to achieve. : Link

Note : Please retain original credits to the author if you are posting this on any other site.

Hope this helps you guys,
regards

↧

Add three personal icons in the post author

October 26, 2013, 9:31 am

≫ Next: Adding a Custom Link Bar to the top of MyBB Forum

≪ Previous: Tutorial to make 4 column footer for Your MyBB Forum

Original Post: http://mybbarena.it/showthread.php?tid=102

In this tutorial we will see how to set up three icons (chosen by the user) in the post Author.
The effect will be as follows:

Start!

Go pca (Admin Control Panel)->Configuration->Custom Profile Fields.
Click Add custom user field and set the following page like this:

In the event that you should not see well:
Title: Post Image 1
Short Description: Add a image in your message
Field Type: Textbox
Maximum Length: 0
Field Length: 0
Selectable Options? Empty
Display Order: 4
Required? No
Editable by user? Yes
Hide on profile? Yes
Minimum post count? If you want to put a minimum post for use the field
Repeat the same thing two more times by changing 'Display order: 4' 5 and 6.
Now go in Theme/Template-->Template-->Your Template-->Post Bit templates-->postbit_classic
Add between {$post['useravatar']}<br> and {$post['user_details']}

Code:

<img src="{$post['fid4']}" style="max-height: 40px; max-width: 40px;margin-left: 5px;"> <img src="{$post['fid5']}" style="max-height: 40px; max-width: 40px;margin-left: 5px;"> <img src="{$post['fid6']}" style="max-height: 40px; max-width: 40px;margin-left: 5px;"></br>
Now users will have to navigate in their Control Panel-->Edit Profileand add their image link at fields Post Image, like this:

↧

Adding a Custom Link Bar to the top of MyBB Forum

November 2, 2013, 11:50 am

≫ Next: Installing Nginx with PHP support

≪ Previous: Add three personal icons in the post author

Help Needed,

I would like to make a custom hyperlink bar to other websites, and have it displayed at the top of my forum.

Seeking advice on plugin or suggestions how I can easily program in a link bar, that I can customize (i.e. with respect to URL and Name).

Any help that can be provided is greatly appreciated.

↧