News:

Wondering if this will always be free?  See why free is better.

Main Menu

css3 popup login

Started by Snrj, July 02, 2014, 09:50:03 PM

Previous topic - Next topic

Snrj

Link to Mod



css3 popup login  no javascript

License
This modification is licensed under BSD License (http://www.opensource.org/licenses/bsd-license.php)

Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:

Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
The names of the contributors may be not used to endorse or promote products derived from this software without specific prior written permission.

THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

Areus101

Amazing work ! now i will wait for any modification to set logo or something like dat.

Antechinus


Snrj


Matthew K.

Find (at the end of the file): for a CSS file? It'll never find "?>". Might want to change that operation.

user86

Very nice mod! Will it also work with SMF 1.1.19 when manually inseting the code? Thank you

Snrj

smf 1.1.x
index.template.php
find

<script language="JavaScript" type="text/javascript" src="', $settings['default_theme_url'], '/sha1.js"></script>

<form action="', $scripturl, '?action=login2" method="post" accept-charset="', $context['character_set'], '" class="middletext" style="margin: 3px 1ex 1px 0;"', empty($context['disable_login_hashing']) ? ' onsubmit="hashLoginPassword(this, \'' . $context['session_id'] . '\');"' : '', '>
<input type="text" name="user" size="10" /> <input type="password" name="passwrd" size="10" />
<select name="cookielength">
<option value="60">', $txt['smf53'], '</option>
<option value="1440">', $txt['smf47'], '</option>
<option value="10080">', $txt['smf48'], '</option>
<option value="43200">', $txt['smf49'], '</option>
<option value="-1" selected="selected">', $txt['smf50'], '</option>
</select>
<input type="submit" value="', $txt[34], '" /><br />
<span class="middletext">', $txt['smf52'], '</span>
<input type="hidden" name="hash_passwrd" value="" />
</form>

replace

<script type="text/javascript" src="', $settings['default_theme_url'], '/scripts/sha1.js"></script>
<form id="guest_form" action="', $scripturl, '?action=login2" method="post" accept-charset="', $context['character_set'], '" ', empty($context['disable_login_hashing']) ? ' onsubmit="hashLoginPassword(this, \'' . $context['session_id'] . '\');"' : '', '>
<label for="popupwindows" class="teknoromibutton">', $txt[34], '</label>
<label class="teknoromibutton"><a href="' . $scripturl . '?action=register">', $txt[97], '</a></label>
                <input type="checkbox" class="teknoromiwindows" id="popupwindows" name="popupwindows"/>
                <label class="popupwindows">
<span style="float: left; margin-top: 10px;">Username:</span><input name="user" class="form-text" type="text"/>
<span style="float: left; margin-top: 24px;">password:</span><input name="passwrd" class="form-text" type="password"/>
<input type="submit" value="', $txt[34], '" class="button_submit" />
<input type="hidden" name="hash_passwrd" value="" /><br /><label for="popupwindows" class="tekbutton" id="close">X</label>
</label>
</form>


style.css
end

.teknoromibutton{cursor:pointer;display:inline-block;padding:5px 10px;background:linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);border:1px solid #000;font-size:14px;color:#FFF; -webkit-border-radius: 3px; border-radius: 3px; } .teknoromibutton a{color:#FFF;}.tekbutton{background: none repeat scroll 0% 0% #000;opacity: 0.5;color: red;padding: 7px 11px;font-size: 15px;border-radius: 15px;}
[id="close"]{position: absolute;bottom: 110px;
right: -15px;}
.popupwindows{ position:fixed;top:-50%;left:-50%; width: 258px;
height: 107px;background: #fff; opacity:0; transition:opacity 0.6s ease-out; z-index:-1; padding:10px; -webkit-border-radius: 3px; border-radius: 3px; margin:-150px 0 0 -200px; }
.teknoromiwindows{width:1px;height:1px;visibility:hidden;}
.teknoromiwindows:checked + .popupwindows{ top:50%;left:50%; display:block; z-index:9; opacity:1;}
.popupwindows input.form-text {display: block;width: 160px;padding: 8px 7px;font-size: 14px;border: 1px solid #ddd;background: #f5f5f5;border-radius: 3px;float: right;}
.popupwindows input.form-text:focus {border: 1px solid #ccc;background: #fff;}
.popupwindows input[type="submit"] {margin: 0px 8px 8px 0px;font-size: 10px;font-weight: bold;border: 0px none;border-radius: 5px;box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.6);
background:#FF8924;color: #FFF;float: right;font-family: arial,helvetica,sans-serif;padding: 10px 2px;width: 120px;text-align: center;}
.popupwindows input[type="submit"]:active {background: -moz-linear-gradient(19% 75% 90deg, #EB4701, #F58423);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F58423), to(#EB4701));
cursor: pointer;}

drewactual

is there any interest in making this compatible with 2.0.13?  I would really find some use for it if there is!!!!!  thanks.

d3vcho

This should work with 2.0.13 as well. If you receive any error while installing it, please refer here: How can I install a mod that doesn't work in my SMF version? or Manual Installation of Mods
"Greeting Death as an old friend, they departed this life as equals"

drewactual

that is what i refer to as BLAZING RESPONSE.... many thanks, sir! 

Advertisement: