Header Login

Mods, snippets and styles postet and supported by the users
Forum rules
As the forum title says this is for User Contributions
Post a support request in this forum and you will be banned!
User avatar
slash
BBCoder II
BBCoder II
Posts: 57
Joined: 27 Oct 2011, 16:53
BBCodes: 31

Header Login

Post by slash » 10 Jan 2012, 14:05

This simple mod add into your header a nice login from.

Image

up in:
styles/prosilver/theme/images this image archive:
header-login-img.rar
Css:

open:
styles/prosilver/theme/common.css

find:

Code: Select all

#site-description {
	float: left;
	width: 70%;
}
replace with:

Code: Select all

#site-description {
	float: left;
	width: 60%;
at the and add:

Code: Select all

/* Header Login by slash www.wiizard.it
--------------------------------------------- */
#formbox {
	float: right;
    text-align: right;
	padding-top: 20px; /*change the px value to set the vertical position*/
}

#formbox label, #formbox span, #formbox a{
	color: #ffffff;
	font-family: "Segoe UI", Tahoma, Geneva, sans-serif;
	font-size: 12px;
}

.header-login-form {
	width: 120px; height: 23px; cursor: text;
	background: url("{T_THEME_PATH}/images/formbg.gif") no-repeat top left;
	font-family: "Segoe UI", Tahoma, Geneva, sans-serif;
	font-size: 14px; color: #091d29;
	padding-top: 3px; border: none;
	padding-left: 5px; padding-right: 5px;
	margin-bottom: 3px;
}

.header-login-button {
	width: 68px; height: 27px;
	background-image: url("{T_THEME_PATH}/images/loginbg.gif");
	background-color: transparent;
	border: 0; margin-top: 1px; color: #ffffff; font-size: 12px;
	font-family: "Segoe UI", Tahoma, Geneva, sans-serif;
	background-position: top; background-repeat: no-repeat;
	margin-bottom: 3px;
}

.header-login-button:hover {
	background-position: bottom;
}

Html:

open:
styles/prosilver/template/overall_header.html

find:

Code: Select all

<div id="site-description">
				<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
				<h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p>
				<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
			</div>
add after:

Code: Select all

<!--header login by slash www.wiizard.it-->
			<div id="formbox">
			    <!-- IF not S_USER_LOGGED_IN -->
				    <form method="post" action="{S_LOGIN_ACTION}">
					    <input type="text" name="username" class="quick-login-form" title="{L_USERNAME}" value="{L_USERNAME}" onfocus="if (this.value == '{L_USERNAME}') {this.value = '';}" onblur="if (this.value == '') {this.value = '{L_USERNAME}';}" />
                        <input type="password" name="password" class="quick-login-form" title="{L_PASSWORD}" value="********" onfocus="if (this.value == '********') {this.value = '';}" onblur="if (this.value == '') {this.value = '********';}" />
                        <input type="submit" name="login" value="{L_LOGIN}" class="quick-login-button" /><br />
                       </form>
				<!-- IF S_AUTOLOGIN_ENABLED -->
				 <label for="autologin">{L_LOG_ME_IN} <input type="checkbox" name="autologin" id="autologin" /></label>
			    <!-- ENDIF -->
                <!-- ENDIF -->
	        </div>
			<!--header login by slash www.wiizard.it-->
delete cache and updates theme on ACP
You do not have the required permissions to view the files attached to this post.


User avatar
Terr0r
BBCoder V
BBCoder V
Posts: 339
Joined: 03 May 2011, 22:47
BBCodes: 100
Location: The Netherlands

Header Login

Post by Terr0r » 10 Jan 2012, 21:26

Have you a screenshot or live demo

Greets Terr0r
If you can't fix it with ducktape you ain't using enough
For my MODS and BBCodes or other things that I have made take a look here

User avatar
darkonia
BBCoder II
BBCoder II
Posts: 57
Joined: 23 May 2011, 17:40
BBCodes: 35
Favourite BBCode: hs bbcode
Favourite MOD: dm video
Location: Munich

Header Login

Post by darkonia » 10 Jan 2012, 21:49

screenshot is in first post terror!
Von Spielern für Spieler bietet Dir MMOG-Heaven genau das, was ein Spieler braucht. Bleibe ständig informiert, finde die neuesten MMORPGs, oder suche die frischesten News aus der Welt des Online Gamings auf MMOG-Heaven.

User avatar
slash
BBCoder II
BBCoder II
Posts: 57
Joined: 27 Oct 2011, 16:53
BBCodes: 31

Header Login

Post by slash » 10 Jan 2012, 22:31

XD on a first post! open the screen in a new blank to see it all!

User avatar
Solidjeuh
BBCoder IV
BBCoder IV
Posts: 257
Joined: 16 Oct 2011, 00:15
BBCodes: 7
Favourite MOD: Top stats
Location: Aalst / Belgium

Header Login

Post by Solidjeuh » 21 May 2014, 01:11

Thank you for this!
But for the images to work you need to replace some code in overal_header.html..

Replace quick-login-form with header-login-form

Replace quick-login-button with header-login-button
Yeah I'm crazy.. So What!?! Live Your Life The Way You Want It To be!
Download +30.000 arcade extension games @ ~ http://www.froddelpower.be ~