vb.org Archive
Page 2 of 5 1 2 34 Last »
Show 40 post(s) from this thread on one page

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 4.x Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=246)
-   -   Miscellaneous Hacks - TW7S - Change the look of the Login/Register [Twitter Style] (https://vborg.vbsupport.ru/showthread.php?t=238152)

SCSCSC 03-20-2010 06:04 PM
got d prblm i have vb 4.0.1

blake247 03-21-2010 05:06 AM
Great mod!

mattpist 03-22-2010 04:55 AM
not sure if this has been mentioned yet, but the layout of your site (http://www.thewindows7site.com/) is too large for netbook computers, and there's no scrollbar to scroll to the right to see what the login form looks like. my resolution is 1024 x 600.

LifesGreatestGift 03-22-2010 07:16 AM
I was aware of that. I just finished designing/coding a new style and it is now the forum default. :)

Jabong82 03-22-2010 10:29 AM
1 Attachment(s)
Hello is there any way to get this on custom pages? This works great on all my vbulletin pages, but on non-vbulletin pages I get another register area (see attachment).

I have some products in the nav-bar that when unregistered guests arrive it shows a different login (see attachment). Is there any way to get this script to make the login the same in all areas?

Thank you.

LifesGreatestGift 03-22-2010 02:27 PM
on the non vbulletin areas you will need to include

<STYLE TYPE="text/css" MEDIA="all">
CSS CODE FROM MOD
</style>

Because additional.css only applies to regular vb pages.

pjdaley 03-22-2010 02:34 PM
under:

"Open template "header"

Find:"

i do not have that piece of code in my header section under my current template.

iask 03-22-2010 05:58 PM
1 Attachment(s)
Work not for firefox ???
Work for ie 8

Bouncer222 03-22-2010 07:45 PM
All works...

But how to make it appear like it used to appear in usual spot all the way on top of right side of site?

Because now it appears under the tabs, I liked the old spot better.
Thanks.

Jabong82 03-22-2010 09:10 PM
Quote:
Originally Posted by TheWindows7Site (Post 2008146)
on the non vbulletin areas you will need to include

<STYLE TYPE="text/css" MEDIA="all">
CSS CODE FROM MOD
</style>

Because additional.css only applies to regular vb pages.
Hello thank you very much for your response. I apologize but I don't really understand how to do this. Could you be more specific? Am I supposed to wrap the entire template with this code? How do I do this? Thank you again in advance for your help.

is_it_me 03-22-2010 09:49 PM
I don't care too much about IE6, but this doesn't display correctly in IE7, sadly. :(

LifesGreatestGift 03-23-2010 01:49 AM
Quote:
Originally Posted by Jabong82 (Post 2008401)
Hello thank you very much for your response. I apologize but I don't really understand how to do this. Could you be more specific? Am I supposed to wrap the entire template with this code? How do I do this? Thank you again in advance for your help.
On your custom pages before the login code you need to put

Code:
<STYLE TYPE="text/css" MEDIA="all">
#container {
    float:right;
    margin:0 auto;
    position: relative;
}

a img {
    border-width:0;
}
#topnav {
    padding:10px 0px 12px;
    font-size:11px;
    line-height:23px;
    text-align:right;
}
#topnav a.signin {
    background:#0d3156;
    padding:4px 6px 6px;
    text-decoration:none;
    font-weight:bold;
    color:#fff;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    *background:transparent url("./login/images/signin-nav-bg-ie.png") no-repeat 0 0;
    *padding:4px 12px 6px;
}
#topnav a.signin:hover {
    background:#15579b;
    *background:transparent url("./login/images/signin-nav-bg-hover-ie.png") no-repeat 0 0;
    *padding:4px 12px 6px;
}
#topnav a.signin, #topnav a.signin:hover {
    *background-position:0 3px!important;
}

a.signin {
    position:relative;
    margin-left:3px;
}

a.signin span {
    background-image:url("./login/images/toggle_down_light.png");
    background-repeat:no-repeat;
    background-position:100% 50%;
    padding:4px 16px 6px 0;
}

#topnav a.register {
    background:#0d3156;
    padding:4px 6px 6px;
    text-decoration:none;
    font-weight:bold;
    color:#fff;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    *background:transparent url("./login/images/signin-nav-bg-ie.png") no-repeat 0 0;
    *padding:4px 12px 6px;
}
#topnav a.register:hover {
    background:#15579b;
    *background:transparent url("./login/images/signin-nav-bg-hover-ie.png") no-repeat 0 0;
    *padding:4px 12px 6px;
}
#topnav a.register, #topnav a.register:hover {
    *background-position:0 3px!important;
}

a.register {
    position:relative;
    margin-left:0px;
}

a.register span {
    background-image:url("./login/images/register_light.png");
    background-repeat:no-repeat;
    background-position:100% 50%;
    padding:4px 16px 6px 0;
}



#topnav a.menu-open {
    background:#0d3156!important;
    color:#fff!important;
    outline:none;
}
#small_signup {
    display:inline;
    float:none;
    line-height:23px;
    margin:25px 0 0;
    width:170px;
}
a.signin.menu-open span {
    background-image:url("./login/images/toggle_up_light.png");
    color:#fff;
}

#signin_menu {
    -moz-border-radius-topleft:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    display:none;
  /* background-color:#0d3156; */
    background:url(login/images/login_back.png) #0d3156 repeat-x;
    position:absolute;
    width:210px;
    z-index:100;
    border:1px transparent;
    text-align:left;
    padding:12px;
    top: 24.5px;
    right: 0px;
    margin-top:5px;
    margin-right: 0px;
    *margin-right: -1px;
    color:#fff;
    font-size:11px;
}

#signin_menu input[type=text], #signin_menu input[type=password] {
    display:block;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #0d3156;
    background:url(login/images/field_back.png) repeat-x;
    font-size:13px;
    margin:0 0 5px;
    padding:5px;
    width:203px;
}
#signin_menu p {
    margin:0;
}
#signin_menu a {
    color:#fff;
}
#signin_menu label {
    font-weight:normal;
}
#signin_menu p.remember {
    padding:10px 0;
}
#signin_menu p.forgot, #signin_menu p.complete {
    clear:both;
    margin:5px 0;
}
#signin_menu p a {
    color:#fff!important;
}
#signin_menu p a:hover {
    text-decoration:underline;
}

#signin_submit {
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    background-color:#0d3156;
    border:1px solid #fff;
    color:#fff;
    text-shadow:0 -1px 0 #39d;
    padding:4px 10px 5px;
    font-size:11px;
    margin:0 5px 0 0;
    font-weight:bold;
}
#signin_submit::-moz-focus-inner {
padding:0;
border:0;
}
#signin_submit:hover, #signin_submit:focus {
    background-position:0 -5px;
    cursor:pointer;
}
</style>
That should resolve the issue for non-vB pages.

barnes5150 03-23-2010 02:29 PM
Works Great! Installed and running thanks!

iask 03-24-2010 01:29 PM
Work not for firefox https://vborg.vbsupport.ru/attachmen...7&d=1269284318

David Regimbal 03-24-2010 10:09 PM
This is not working for me, followed instructions and everything. Could it be that the login button is <a href="login" /> ? Because that would explain why when I press the button it takes me to the folder and that's about it.

LifesGreatestGift 03-25-2010 01:24 AM
Quote:
Originally Posted by David Regimbal (Post 2009684)
This is not working for me, followed instructions and everything. Could it be that the login button is <a href="login" /> ? Because that would explain why when I press the button it takes me to the folder and that's about it.
No, more than likely its the javascript having a conflict with a mod you are using. Not sure.

Jabong82 03-25-2010 12:16 PM
Quote:
Originally Posted by TheWindows7Site (Post 2008522)
On your custom pages before the login code you need to put

Code:
<STYLE TYPE="text/css" MEDIA="all">
#container {
    float:right;
    margin:0 auto;
    position: relative;
}

a img {
    border-width:0;
}
#topnav {
    padding:10px 0px 12px;
    font-size:11px;
    line-height:23px;
    text-align:right;
}
#topnav a.signin {
    background:#0d3156;
    padding:4px 6px 6px;
    text-decoration:none;
    font-weight:bold;
    color:#fff;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    *background:transparent url("./login/images/signin-nav-bg-ie.png") no-repeat 0 0;
    *padding:4px 12px 6px;
}
#topnav a.signin:hover {
    background:#15579b;
    *background:transparent url("./login/images/signin-nav-bg-hover-ie.png") no-repeat 0 0;
    *padding:4px 12px 6px;
}
#topnav a.signin, #topnav a.signin:hover {
    *background-position:0 3px!important;
}

a.signin {
    position:relative;
    margin-left:3px;
}

a.signin span {
    background-image:url("./login/images/toggle_down_light.png");
    background-repeat:no-repeat;
    background-position:100% 50%;
    padding:4px 16px 6px 0;
}

#topnav a.register {
    background:#0d3156;
    padding:4px 6px 6px;
    text-decoration:none;
    font-weight:bold;
    color:#fff;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    *background:transparent url("./login/images/signin-nav-bg-ie.png") no-repeat 0 0;
    *padding:4px 12px 6px;
}
#topnav a.register:hover {
    background:#15579b;
    *background:transparent url("./login/images/signin-nav-bg-hover-ie.png") no-repeat 0 0;
    *padding:4px 12px 6px;
}
#topnav a.register, #topnav a.register:hover {
    *background-position:0 3px!important;
}

a.register {
    position:relative;
    margin-left:0px;
}

a.register span {
    background-image:url("./login/images/register_light.png");
    background-repeat:no-repeat;
    background-position:100% 50%;
    padding:4px 16px 6px 0;
}



#topnav a.menu-open {
    background:#0d3156!important;
    color:#fff!important;
    outline:none;
}
#small_signup {
    display:inline;
    float:none;
    line-height:23px;
    margin:25px 0 0;
    width:170px;
}
a.signin.menu-open span {
    background-image:url("./login/images/toggle_up_light.png");
    color:#fff;
}

#signin_menu {
    -moz-border-radius-topleft:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    display:none;
  /* background-color:#0d3156; */
    background:url(login/images/login_back.png) #0d3156 repeat-x;
    position:absolute;
    width:210px;
    z-index:100;
    border:1px transparent;
    text-align:left;
    padding:12px;
    top: 24.5px;
    right: 0px;
    margin-top:5px;
    margin-right: 0px;
    *margin-right: -1px;
    color:#fff;
    font-size:11px;
}

#signin_menu input[type=text], #signin_menu input[type=password] {
    display:block;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #0d3156;
    background:url(login/images/field_back.png) repeat-x;
    font-size:13px;
    margin:0 0 5px;
    padding:5px;
    width:203px;
}
#signin_menu p {
    margin:0;
}
#signin_menu a {
    color:#fff;
}
#signin_menu label {
    font-weight:normal;
}
#signin_menu p.remember {
    padding:10px 0;
}
#signin_menu p.forgot, #signin_menu p.complete {
    clear:both;
    margin:5px 0;
}
#signin_menu p a {
    color:#fff!important;
}
#signin_menu p a:hover {
    text-decoration:underline;
}

#signin_submit {
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    background-color:#0d3156;
    border:1px solid #fff;
    color:#fff;
    text-shadow:0 -1px 0 #39d;
    padding:4px 10px 5px;
    font-size:11px;
    margin:0 5px 0 0;
    font-weight:bold;
}
#signin_submit::-moz-focus-inner {
padding:0;
border:0;
}
#signin_submit:hover, #signin_submit:focus {
    background-position:0 -5px;
    cursor:pointer;
}
</style>
That should resolve the issue for non-vB pages.
Hello thank you for your response. This actually did not work for me as I think there are no CSS pages that has this information. Basically I have 3 areas of my site that are add-on products (MicroClassifieds, MicroSupport, and MicroCMS maybe you are familiar?). These are the non-Vbulletin pages, but the templates don't have this sort of signin/login coding to edit. Basically any time a guest visits any of these pages I get the non-twitter login I attached in the previous photo.

Thank you very much for your help.

sKippah 03-25-2010 12:26 PM
Done all whats written in the instructions but cant log me out anymore. Using ie8

DJPushpu 03-25-2010 03:15 PM
Thank you
awesome mod

LifesGreatestGift 03-25-2010 03:51 PM
Quote:
Originally Posted by sKippah (Post 2009997)
Done all whats written in the instructions but cant log me out anymore. Using ie8
Revert your header template and try again. This mod does NOT remove any "Needed" links such as Logout etc. The only thing it removes is the current login/register/faq area/buttons. :)

LifesGreatestGift 03-25-2010 03:51 PM
Quote:
Originally Posted by Jabong82 (Post 2009992)
Hello thank you for your response. This actually did not work for me as I think there are no CSS pages that has this information. Basically I have 3 areas of my site that are add-on products (MicroClassifieds, MicroSupport, and MicroCMS maybe you are familiar?). These are the non-Vbulletin pages, but the templates don't have this sort of signin/login coding to edit. Basically any time a guest visits any of these pages I get the non-twitter login I attached in the previous photo.

Thank you very much for your help.
Link me to your forum. I would like to see.

sKippah 03-25-2010 04:04 PM
No way. not working for me

David Regimbal 03-25-2010 06:41 PM
The only other thing that could make a conflict is my chatbox on the frontpage. Though that would hardly make any sense to why it's not working. I feel you should make this more interrogated into vbulletin using the popup method that it already offers instead of using that javascript code.

All in all, great mod :) I hope I can find a way to use it

Jabong82 03-25-2010 09:34 PM
Quote:
Originally Posted by TheWindows7Site (Post 2010117)
Link me to your forum. I would like to see.
Hello I sent you a PM. Thank you again.

SpaceStar 03-25-2010 09:56 PM
Installed - working perfectly well!

LifesGreatestGift 03-26-2010 02:43 AM
Apparently if you have any micro products installed you will need to do the following:

Open up the mods "main" template

Example:

microcms_main
microsupport_main
microclassifieds_main

and right before

Code:
</head>

Add the following:

Code:
<!-- TheWindows7Site Custom Login -->
<style type="text/css" rel="stylesheet">
/* TheWindows7Site Custom Login */
#container {
    float:right;
    margin:0 auto;
    position: relative;
}

a img {
    border-width:0;
}
#topnav {
    padding:10px 0px 12px;
    font-size:11px;
    line-height:23px;
    text-align:right;
}
#topnav a.signin {
    background:#0d3156;
    padding:4px 6px 6px;
    text-decoration:none;
    font-weight:bold;
    color:#fff;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    *background:transparent url("./login/images/signin-nav-bg-ie.png") no-repeat 0 0;
    *padding:4px 12px 6px;
}
#topnav a.signin:hover {
    background:#15579b;
    *background:transparent url("./login/images/signin-nav-bg-hover-ie.png") no-repeat 0 0;
    *padding:4px 12px 6px;
}
#topnav a.signin, #topnav a.signin:hover {
    *background-position:0 3px!important;
}

a.signin {
    position:relative;
    margin-left:3px;
}

a.signin span {
    background-image:url("./login/images/toggle_down_light.png");
    background-repeat:no-repeat;
    background-position:100% 50%;
    padding:4px 16px 6px 0;
}

#topnav a.register {
    background:#0d3156;
    padding:4px 6px 6px;
    text-decoration:none;
    font-weight:bold;
    color:#fff;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    *background:transparent url("./login/images/signin-nav-bg-ie.png") no-repeat 0 0;
    *padding:4px 12px 6px;
}
#topnav a.register:hover {
    background:#15579b;
    *background:transparent url("./login/images/signin-nav-bg-hover-ie.png") no-repeat 0 0;
    *padding:4px 12px 6px;
}
#topnav a.register, #topnav a.register:hover {
    *background-position:0 3px!important;
}

a.register {
    position:relative;
    margin-left:0px;
}

a.register span {
    background-image:url("./login/images/register_light.png");
    background-repeat:no-repeat;
    background-position:100% 50%;
    padding:4px 16px 6px 0;
}



#topnav a.menu-open {
    background:#0d3156!important;
    color:#fff!important;
    outline:none;
}
#small_signup {
    display:inline;
    float:none;
    line-height:23px;
    margin:25px 0 0;
    width:170px;
}
a.signin.menu-open span {
    background-image:url("./login/images/toggle_up_light.png");
    color:#fff;
}

#signin_menu {
    -moz-border-radius-topleft:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    display:none;
  /* background-color:#0d3156; */
    background:url(login/images/login_back.png) #0d3156 repeat-x;
    position:absolute;
    width:210px;
    z-index:100;
    border:1px transparent;
    text-align:left;
    padding:12px;
    top: 24.5px;
    right: 0px;
    margin-top:5px;
    margin-right: 0px;
    *margin-right: -1px;
    color:#fff;
    font-size:11px;
}

#signin_menu input[type=text], #signin_menu input[type=password] {
    display:block;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #0d3156;
    background:url(login/images/field_back.png) repeat-x;
    font-size:13px;
    margin:0 0 5px;
    padding:5px;
    width:203px;
}
#signin_menu p {
    margin:0;
}
#signin_menu a {
    color:#fff;
}
#signin_menu label {
    font-weight:normal;
}
#signin_menu p.remember {
    padding:10px 0;
}
#signin_menu p.forgot, #signin_menu p.complete {
    clear:both;
    margin:5px 0;
}
#signin_menu p a {
    color:#fff!important;
}
#signin_menu p a:hover {
    text-decoration:underline;
}

#signin_submit {
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    background-color:#0d3156;
    border:1px solid #fff;
    color:#fff;
    text-shadow:0 -1px 0 #39d;
    padding:4px 10px 5px;
    font-size:11px;
    margin:0 5px 0 0;
    font-weight:bold;
}
#signin_submit::-moz-focus-inner {
padding:0;
border:0;
}
#signin_submit:hover, #signin_submit:focus {
    background-position:0 -5px;
    cursor:pointer;
}
/* TheWindows7Site Custom Login */
</style>
<!-- TheWindows7Site Custom Login -->
Should resolve the issue with some of you who have a custom main page.

BoYagoob 03-26-2010 12:51 PM
installed .. many thanks :)

The staR 03-28-2010 09:13 AM
thanx !!

just i wanna ask you ?

how i can installed the login Designer in header Like your website ???

LifesGreatestGift 03-28-2010 09:26 PM
Quote:
Originally Posted by The staR (Post 2011493)
thanx !!

just i wanna ask you ?

how i can installed the login Designer in header Like your website ???
What do you mean?

TimberFloorAu 03-30-2010 05:41 AM
Think he means in top of header, rather than below the navbar.

Gonna give this a whirl, hope you dont mind if i fiddle with the colours etc. Any workable changes I will post back.

Ste

TimberFloorAu 03-30-2010 05:56 AM
Have opted to give this one a miss.

1. it doesnt take into account your other mod ( new messages in navbar )
2. also doesnt take into account adsense and advertising hooks.

LifesGreatestGift 03-30-2010 06:34 AM
Im not one for ads in the header. I think its tacky. Below navbar is fine :)

TimberFloorAu 03-30-2010 08:41 AM
Then put that in your info mate, because you will end up cocking a lot of peoples headers up !

Just a disclaimer da dee dah helps.

Good work, but not worth the aggro IMO

tehtide 03-31-2010 08:04 PM
Any way to get this to work in the header similar to the default login box?

toofazt 03-31-2010 09:22 PM
Quote:
Originally Posted by tehtide (Post 2013670)
Any way to get this to work in the header similar to the default login box?
x2 :confused:

treyb 04-01-2010 06:22 AM
I have it working in my header... http://dixietalk.com

I took the code out of the navbar template, and put it right before <div class="ad_global_header"> in the header template.

tehtide 04-01-2010 03:28 PM
Quote:
Originally Posted by toofazt (Post 2013696)
x2 :confused:
Quote:
Originally Posted by treyb (Post 2013877)
I have it working in my header... http://dixietalk.com

I took the code out of the navbar template, and put it right before <div class="ad_global_header"> in the header template.

I needed it clear up at the top and I was able to get it done by wrapping the entire code in
Code:
<div style="position: relative;" class="floatcontainer">

</div>
And then putting it where I needed it in the header.

My beta site right now is behind a login... so unfortunately I can't show it off. But this works.

toofazt 04-01-2010 08:39 PM
Quote:
Originally Posted by treyb (Post 2013877)
I have it working in my header... http://dixietalk.com

I took the code out of the navbar template, and put it right before <div class="ad_global_header"> in the header template.
Thanks!!

sKippah 04-06-2010 03:20 PM
Done it now too. Nice on.
Would be nice , to use the $vbphrase, then the Language would change, if needed.

Maybe u could change the code?! Thanks

saviola8x 04-08-2010 06:41 PM
Hallu. Your Facebook Connect is very nice. Can you share this mod for me ?
Thanks


All times are GMT. The time now is 12:46 AM.
Page 2 of 5 1 2 34 Last »
Show 40 post(s) from this thread on one page

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01351 seconds
  • Memory Usage 1,881KB
  • 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
  • (5)bbcode_code_printable
  • (12)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (3)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