The Arcive of Official vBulletin Modifications Site.

Mister Dutty, Tutty, Gutty & Nutty - Dark · **Released**: 06-24-2009

Mister Dutty, Tutty, Gutty & Nutty - Dark
3.8.x

Light version: click here

https://vborg.vbsupport.ru/vborg_mis...hreadid=217103

[hr]black[/hr]

Screenshots

Forumhome Mister Dutty : click here
Forumhome Mister Tutty : click here
Forumhome Mister Gutty : click here
Forumhome Mister Nutty : click here
Showthread : click here
More screenshots : click here

Installation
1. Upload "Dutty (or other)" into your images folder.
2. Import via ACP "dutty-style.xml" (Styles & Templates >> Download / Upload Styles)

PSD
Logo
Buttons (small, medium, normal)

vBadvanced
Copy and paste "Dutty (or other)" folder to http://www.yoursite.com/images/Dutty/

How to add a link in my navbar?

You must edit your template "header", and find:

HTML Code:

<li><a href="calendar.php$session[sessionurl_q]">$vbphrase[calendar]</a></li>

Add below:

HTML Code:

<li><a href="your_link">your_text</a></li>

Ronald0 · #12 07-11-2009, 06:20 AM

Your skin here is very nice. one question, the online and offline colors of the user, how can i change them? like they are grey.

I want online green and offline red.

Sofia · #13 07-12-2009, 01:09 AM

Quote:

Originally Posted by mikey1991

How do I center the navbar? I've been through the CSS and tried doing it in the header itself but it just won't center

Great work sofia.

++

Hi Mikey. I think you can't, I use <ul> and <li> for the nav buttons.

Quote:

Originally Posted by Ronald0

Your skin here is very nice. one question, the online and offline colors of the user, how can i change them? like they are grey.

I want online green and offline red.

humm... Tomorrow, I'll create you the PSD for the online/offline status.

Good night.

Ronald0 · #14 07-12-2009, 01:13 AM

Ohhh alright, i didnt know if it was codes in the CSS or not. But you cant center the navbar? i tried doing this also and it did not work?

klaush · #15 07-12-2009, 08:32 PM

Thanks! Fantastic job!

Sofia · #16 07-12-2009, 09:16 PM

Quote:

Originally Posted by Ronald0

Your skin here is very nice. one question, the online and offline colors of the user, how can i change them? like they are grey.

I want online green and offline red.

PSD in this post....

Ronald0 · #17 07-12-2009, 09:44 PM

Thanks, now can you explain why i cant center the navbar?

Sofia · #18 07-12-2009, 10:26 PM

Quote:

Originally Posted by Ronald0

Thanks, now can you explain why i cant center the navbar?

CSS are incompatible and I use <ul> and <li> to display the nav buttons.

Ronald0 · #19 07-12-2009, 11:05 PM

Alright so is there a possibility that i can center it? like i did on the rest of my skins?

Also i need the OFFLINE psd please.

mikey1991 · #20 07-14-2009, 05:27 AM

Hmmmm.

I used CSS <UL> and <LI> in my simpleblue skin, and that is centered.

@Sofia:

I used this css for my simpleblue menu (Which is centered):

Code:

#menu {
	float: left;
	width: 950px;
	height: 58px;
	background: url(path/to/image/img.jpg) repeat-x left;
}

#menu ul {
	margin: 0;
	padding: 20px 0 0 18px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
	text-align: center bottom;
}

#menu a {
	display: block;
	padding: 0 20px;
	background: url(path/to/image/img.jpg) no-repeat right 50%;
	text-decoration: none;
	font-size: 14px;
	color: #FFFFFF;
}

#menu a:hover { 
	color: #FFFFFF;
}

#menu .current_page_item a {
	color: #FFFFFF;
}

is there any of that code which you could add to your CSS?

@ronald0: don't add above CSS to this skin, it's for sofia.

Sofia · #21 07-14-2009, 09:38 AM

Quote:

Originally Posted by mikey1991

Hmmmm.

I used CSS <UL> and <LI> in my simpleblue skin, and that is centered.

@Sofia:

I used this css for my simpleblue menu (Which is centered):
is there any of that code which you could add to your CSS?

@ronald0: don't add above CSS to this skin, it's for sofia.

Hi Mikey.

Yes, but you just set a width.

Try this (I don't test it)

Replace all your additional CSS by:

Code:

.center_nomember {
background:url(images/Gutty/gradients/menu.jpg) repeat;
    width: 675px;
    height: 31px;
margin: 0 auto;
    }
.center2 {
    background:url(images/Gutty/gradients/menu.jpg) repeat;
    height: 31px;
margin: 0 auto;
    }
.center {
background:url(images/Gutty/gradients/menu.jpg) repeat;
    width: 850px;
    height: 31px;
margin: 0 auto;
    }
.menu ,.menu ul {
margin: 0px 0px;
padding: 0px;
list-style: none;
height:31px;

font: bold 8pt tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.menu a {
color: #FFFFFF;
width: 80px;
display: block;
font-weight: normal;
padding: 8px 10px 10px 10px;
text-decoration: none;
font: bold 8pt tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border-right: 1px solid #198049;
text-align: center;
}    
.menu a:hover {
    background:url(images/Gutty/gradients/menuhov.jpg) repeat-x;
    color: #FFFFFF;
    display: block;
    text-decoration: none;
    }
.menu li {
    float: left;
    margin: 0px 0 0px 0;
    padding: 0px;
    }    
.menu li li {
    float: left;
    margin: 0px 0px 0px 5px;
    padding: 0px;
    width: 130px;
    }    
.menu li li a, .menu li li a:link, .menu li li a:visited {
    background:url(images/Gutty/gradients/menu.jpg) repeat-x;
    width: 150px;
    float: none;
    margin: 0px;
    padding: 4px 10px 0px 10px;
    color:#fff;
text-decoration: none;
    }
.menu li li a:hover, .menu li li a:active {
    background:url(images/Gutty/gradients/menuhov.jpg) repeat-x;
    width: 150px;
    float: none;
    margin: 0px;
    padding: 8px 10px 0px 10px;
    color: #FFFFFF;
    }
.menu li ul {
    position: absolute;
    width: 10em;
    left: -999em;
    z-index:1;
    }
.menu li:hover ul {
    left: auto;
    display: block;
    }
.menu li:hover ul, .menu li.sfhover ul {
    left: auto;
    }

I use Gutty, but replace links by the name of your style (Dutty / Tutty / Nutty)

In the header template:

HTML Code:

<!-- NAV BUTTONS -->
<div class="center2" width="100%">
<if condition="$show['member']">
<div class="center" height="31"><else /><div class="center_nomember" height="31"></if>
<div width="100%" class="menu">

        <ul>
<if condition="$show['member']">
<li style="border-left: 1px solid #198049;"><a href="usercp.php$session[sessionurl_q]">$vbphrase[user_cp]</a></li>
</if>

<if condition="$show['registerbutton']">
<li style="border-left: 1px solid #198049;"><a href="register.php$session[sessionurl_q]" rel="nofollow">$vbphrase[register]</a></li>
</if>

$template_hook[navbar_buttons_left]

<li><a rel="help" href="faq.php$session[sessionurl_q]" accesskey="5">$vbphrase[faq]</a></li>

<if condition="$show['communitylink'] AND $show['popups']">
<li><a id="community" href="$show[nojs_link]#community" rel="nofollow" accesskey="6">$vbphrase[community]</a><script type="text/javascript"> vbmenu_register("community", true); </script></li>
        <else />
<if condition="$show['memberslist']">
<li><a href="memberlist.php$session[sessionurl_q]">$vbphrase[members_list]</a></li>
</if>
<if condition="$show['quick_links_groups']">
<li><a href="group.php?$session[sessionurl]">$vbphrase[social_groups]</a></li>
</if>
</if>

<li><a href="calendar.php$session[sessionurl_q]">$vbphrase[calendar]</a></li>

<if condition="$show['popups']">
            <if condition="$show['searchbuttons']">
                <if condition="$show['member']">
                <li><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></li>
                <else />
                <li><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></li>
                </if>
                <li><a id="navbar_search" href="search.php$session[sessionurl_q]" accesskey="4" rel="nofollow">$vbphrase[search]</a> <if condition="$show['quicksearch']"><script type="text/javascript"> vbmenu_register("navbar_search", true); </script></if></li>
            </if>
            <if condition="$show['member']">
                <li><a id="usercptools" href="$show[nojs_link]#usercptools" accesskey="3">$vbphrase[quick_links]</a> <script type="text/javascript"> vbmenu_register("usercptools", true); </script></li>
            </if>
        <else />
            <if condition="$show['searchbuttons']">
                <li><a href="search.php$session[sessionurl_q]" accesskey="4">$vbphrase[search]</a></li>
                <if condition="$show['member']">
                <li><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></li>
                <else />
                <li><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></li>
                </if>
            </if>
            <li><a href="forumdisplay.php?$session[sessionurl]do=markread" rel="nofollow">$vbphrase[mark_forums_read]</a></li>
            <if condition="$show['member']">
                <li><a href="#" onclick="window.open('misc.php?$session[sessionurl]do=buddylist&amp;focus=1','buddylist','statusbar=no,menubar=no,toolbar=no,scrollbars=yes,resizable=yes,width=250,height=300'); return false;">$vbphrase[open_contacts]</a></li>
            </if>
        </if>


$template_hook[navbar_buttons_right]

<if condition="$show['member']">
<li><a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')">$vbphrase[log_out]</a></li>
</if>

</ul>
</div>
</div></div>
<!-- /NAV BUTTONS -->

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.08652 seconds Memory Usage 2,381KB Queries Executed 26 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (2)bbcode_code (3)bbcode_html (5)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (4)navbar_link (120)option (1)pagenav (1)pagenav_curpage (3)pagenav_pagelink (11)post_thanks_box (11)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (11)post_thanks_postbit_info (10)postbit (7)postbit_attachment (11)postbit_onlinestatus (11)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end fetch_musername postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_attachment postbit_display_complete post_thanks_function_can_thank_this_post_start pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!