Mister Dutty, Tutty, Gutty & Nutty - Dark

[Sofia]

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


Light version: click here (https://vborg.vbsupport.ru/showthread.php?goto=newpost&t=217195)



https://vborg.vbsupport.ru/vborg_miscactions.php?do=installhack&threadid=217103




black


Screenshots

Forumhome Mister Dutty : click here
(http://www.forum-test.fr/bb/Dutty-forum.png)Forumhome Mister Tutty : click here (http://www.forum-test.fr/bb/Tutty-forum.png)
Forumhome Mister Gutty : click here (http://www.forum-test.fr/bb/gutty-forum.png)
Forumhome Mister Nutty : click here
(http://www.forum-test.fr/bb/Nutty-forum.png)Showthread : click here (http://www.forum-test.fr/bb/show.png)
More screenshots : click here (https://vborg.vbsupport.ru/showpost.php?p=1837114&postcount=2)




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/ (http://www.yoursite.com/images/variance/)

How to add a link in my navbar?

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

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

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

[Sofia]

More screenshots

[iRoamer]

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

[Wayne Luke]

Request; Thanks button

Clicking Install is the same as giving thanks.

[Sofia]

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

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

[bCk]

thank you sofia

[SirHappy]

sofia, very nice works:)

[PSiKoMaNYaH]

very nice styles Sofia thank you :)

**İnstalled**

[Sofia]

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

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

Great work sofia. :) :)

++

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

[Sofia]

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.

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]

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]

Thanks! Fantastic job!

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


PSD in this post....

[Ronald0]

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

[Sofia]

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]

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]

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


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

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:


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

<!-- 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,me nubar=no,toolbar=no,scrollbars=yes,resizable=yes,w idth=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 -->

[Jon Tolzien]

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.

[Sofia]

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:

<li><a href="your_link">your_text</a></li>
All my links sit below the bar for the most part.

How many links have you added in your navbar?

[Jon Tolzien]

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.

[Ronald0]

Sofia, can you get me the offline PSD.

[Sofia]

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.

Sofia, can you get me the offline PSD.

You find it here (https://vborg.vbsupport.ru/showpost.php?p=1847687&postcount=15). Just change "Online" to "Offline" with Photoshop.

[Ronald0]

Alright thanks.

[Frank Sinatra]

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,

[Sofia]

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

[HabboLan]

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 ?

[Ronald0]

How would i center the navbars?

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

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

How would i center the navbars?

Hi Ronaldo :) Read this: https://vborg.vbsupport.ru/showpost.php?p=1848493&postcount=20

[Ronald0]

i read it but does it work 100%?

[Sofia]

i read it but does it work 100%?

Yes, I think. Try it ;)

[Ronald0]

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

[Sofia]

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:

.center {
background:url(images/Gutty/gradients/menu.jpg) repeat;
width: 850px;
height: 31px;
margin: 0 auto;
}

[Ronald0]

Dont get it?

[EcoCav]

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.

[rturo]

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.

[ywwz]

very amazing. thanks so much.

[ywwz]

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.

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

[hbcmovies]

thanks

[Brathamike]

Very nice Sofia but i have vbadvanced and i see lots of red x in side a white box and it distorted my whole forum. I am assuming its because of vbadvance. is there a work around for this?

[Bibbo]

Edit.

Nevermind it works fine, I guess my browser is just a little messed up or something.

[ExTincTi0N]

I tried to center my nav bar by that post you had, but now the menu.jpg file or w/e extension it is isnt showing up, Im using the red one fyi.

[HansMuenchen]

For new users like me this is a bit strange. :-)

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


This is not correct.
When I unpack the zip I get a folder "Nutty". When I upload this as mentioned it does not work.
Later I found out that in that folder there is another called "forum_upload". And in there is ANOTHER folder called Nutty.

You should not name both directories the same, that is "bad style". :-)
Or you should clearly state:
1. Upload "Dutty (or other)" from the folder "forum_upload" into your images folder.

Regards
Hans

[minty_fresh]

Mine is working 100%! Top Work, 2 Questions I have though.

Number 1 - Is it possible to make this skin fluid? I think thats the right word.. as in, YOu see how these boards have blue edges? As in make it less wide kinda thing

Number 2 - How to I go about making 2 header images? I want one with the logo on the left and one on the right white rotates on refresh.

www.jdmtas.com/fourm

[MultiSync77F]

Number 1 - Is it possible to make this skin fluid? I think thats the right word.. as in, YOu see how these boards have blue edges? As in make it less wide kinda thing


You want a Fixed design not a fluid design. I just downloaded this myself so I don't know if it comes with that option. You'll have to wait until the designer responds.

[MultiSync77F]

Does this style work with the Blog and Project Tools add ons?

[MultiSync77F]

Hello? How come this is marked as supported but the design hasn't responded to a question in 6 months?

[MultiSync77F]

F I N E

:mad:

[choccyclaire]

Does this style work with the Blog and Project Tools add ons?

Yes it does.

[MultiSync77F]

Yes it does.

Thanks

[Grab A Lane]

Does this style work on Vb4.0.3 ?

Thanks.

[Grab A Lane]

anyone know if it works with 4.0??