vb.org Archive - Mister Dutty, Tutty, Gutty & Nutty

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vBulletin 3.8 Styles (https://vborg.vbsupport.ru/forumdisplay.php?f=237)

- - Mister Dutty, Tutty, Gutty & Nutty - Dark (https://vborg.vbsupport.ru/showthread.php?t=217103)

Mister Dutty, Tutty, Gutty & Nutty - Dark

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

http://www.forum-test.fr/bb/prez.png

http://www.forum-test.fr/bb/all.png

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>

More screenshots

Awesome! First Post, Nice Skin!
Request; Thanks button

Quote:

Originally Posted by iRoamer (Post 1837267)

Request; Thanks button

Clicking Install is the same as giving thanks.

Quote:

Originally Posted by iRoamer (Post 1837267)

Awesome! First Post, Nice Skin!
Request; Thanks button

You can findThanks and Groan Buttons in the zip, in the folder "buttons"

sofia, very nice works:)

very nice styles Sofia thank you :)

**İnstalled**

If you want another color, tell me, I can do it.

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 :confused:

Great work sofia. :) :)

++

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.

Quote:

Originally Posted by mikey1991 (Post 1846722)

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 :confused:

Great work sofia. :) :)

++

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

Quote:

Originally Posted by Ronald0 (Post 1846797)

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. :)

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?

Thanks! Fantastic job!

Quote:

Originally Posted by Ronald0 (Post 1846797)

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....

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

Quote:

Originally Posted by Ronald0 (Post 1847700)

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.

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.

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.

Quote:

Originally Posted by mikey1991 (Post 1848437)

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 -->

Is their a tutorial, how to properly add links to that menu. I am a complete noob on how to do such things. Thanks

All my links sit below the bar for the most part.

Quote:

Originally Posted by Jon Tolzien (Post 1848883)

Is their a tutorial, how to properly add links to that menu. I am a complete noob on how to do such things. Thanks

You must use this:

HTML Code:

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

Quote:

All my links sit below the bar for the most part.

How many links have you added in your navbar?

I have FAQ, communiity, calendar, new posts, search, quick links, logout.
I don't know what, to put in their. Sorry i have no clue what the links are or what to put it in.

Sofia, can you get me the offline PSD.

Quote:

Originally Posted by Jon Tolzien (Post 1848983)

I have FAQ, communiity, calendar, new posts, search, quick links, logout.
I don't know what, to put in their. Sorry i have no clue what the links are or what to put it in.

Humm.. You have modified the nav buttons? Please give me a link or a screen.

Quote:

Originally Posted by Ronald0 (Post 1849017)

Sofia, can you get me the offline PSD.

You find it here. Just change "Online" to "Offline" with Photoshop.

Very nice Sofia like always
every time I see many passion and elegance in all your works skins/mods/etc..
Sometimes I would like to have a half of your brain :p
Regards,

Quote:

Originally Posted by Frank Sinatra (Post 1849855)

Very nice Sofia like always
every time I see many passion and elegance in all your works skins/mods/etc..
Sometimes I would like to have a half of your brain :p
Regards,

Hi.

Thank you for this kind word. :)
I try to do what I can. I'm not an all-rounder. I'm sure you have a gift for other thing. :p

Regards, Sofia

First of all THANKS, sofia, i like all of you styles.

The bottom box extends past the top one , i fixed this before but forgot how. Anyone with ideas from anyone ?

How would i center the navbars?

Quote:

Originally Posted by HabboLan (Post 1850920)

First of all THANKS, sofia, i like all of you styles.

The bottom box extends past the top one , i fixed this before but forgot how. Anyone with ideas from anyone ?

Not due to my style. You have a banner/image (MBZ Custom), may be the problem.

Quote:

Originally Posted by Ronald0 (Post 1850939)

How would i center the navbars?

Hi Ronaldo :) Read this: https://vborg.vbsupport.ru/showpost....3&postcount=20

i read it but does it work 100%?

Quote:

Originally Posted by Ronald0 (Post 1850970)

i read it but does it work 100%?

Yes, I think. Try it ;)

NOOOOOO lol, there has to be a easier way then replacing it cause i have added like 3 buttons to the navbar and some other stuff. So i cant replace =/

Quote:

Originally Posted by Ronald0 (Post 1851394)

NOOOOOO lol, there has to be a easier way then replacing it cause i have added like 3 buttons to the navbar and some other stuff. So i cant replace =/

Give me a screen, Ronaldo. If you have added buttons, modify the width in this class:

HTML Code:

.center {

background:url(images/Gutty/gradients/menu.jpg) repeat;

    width: 850px;

    height: 31px;

margin: 0 auto;

    }

Quote:

Originally Posted by Sofia (Post 1837697)

If you want another color, tell me, I can do it.

Can you do one with black? Dark Grey and black all around (where the blue/red/orange/green areas are)?

Installed all 4, and everyone on my forum loves them.

Sophia, awesome job, this template is geat! I'm using it on a new forum implimentation for a large community I'm a part of.

If I could ask one question though: The folder icons within the forum, how can I get rid of those? If I simply delete the file out of the images folder, will that work for me? Or would it adversly effect the look and/or spacing of the forum?

Thanks in advance.

very amazing. thanks so much.

Quote:

Originally Posted by rturo (Post 1862847)

hwllo, this is what i will do: make a transparent square image to substitute your original one. it works always for me:)

Phrase Groups Available:

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01538 seconds Memory Usage 1,868KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (2)bbcode_code_printable (5)bbcode_html_printable (18)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (1)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (40)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.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/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.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 printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: