YaBB Development & Mods - Now on HTML5

(UTC)

Change Template: Choose Language:

YaBB Development & Mods › YaBB Development › HTML5 and CSS › Now on HTML5

‹ Previous Topic | Next Topic ›

Page Index Toggle

Pages: 1 [2] 3

Very Hot Topic (More than 25 Replies)

Now on HTML5 (Read 17753 times)

Dandello Forum Administrator YaBB Modder Offline I love YaBB 2.7! Posts: 2234 Location: The Land of YaBB Joined: Feb 12^th, 2014 Gender: Mood: Annoyed Zodiac sign:	Re: Now on HTML5 Reply #15 - Oct 21^st, 2014 at 8:51pm	Mark & Quote Quote
	Code Index: MyMessage.template =================================================================== --- MyMessage.template (revision 1598) +++ MyMessage.template (working copy) @@ -3,7 +3,7 @@ ############################################################################### # YaBB: Yet another Bulletin Board # # Open-Source Community Software for Webmasters # -# Version: YaBB 2.6.1 # +# Version: YaBB 2.6.2 # # Packaged: September 1, 2014 # # Distributed by: http://www.yabbforum.com # # =========================================================================== # @@ -24,7 +24,7 @@ ## IM show - single post $myIM_show = qq~ -<table class="bordercolor cs_thin pad_1px" style="table-layout: fixed"> +<table class="bordercolor cs_thin pad_1px fixed"> <tr> <td class="windowbg vtop" colspan="2"> <div style="width: 99%; padding: 2px; margin: 2px;"> @@ -105,7 +105,7 @@ $myIM_liveprev = qq~<tr> <td class="vtop"> <div style="height:16px;"> - <img id="prevwin" src="$defaultimagesdir/$cat_exp" alt="$npf_txt{'01'}" title="$npf_txt{'01'}" class="cursor" onclick="enabPrev();" /> <b>$npf_txt{'04'}</b> + <img id="prevwin" src="$imagesdir/$cat_exp" alt="$npf_txt{'01'}" title="$npf_txt{'01'}" class="cursor" onclick="enabPrev();" /> <b>$npf_txt{'04'}</b> </div> </td> </tr><tr> @@ -235,28 +235,24 @@ $my_savedraft = qq~<tr> <td class="windowbg"> - <table class="bordercolor cs_thin"> - <tr> - <td> - <table class="windowbg pad_4px" style="table-layout:fixed"> - <tr> - <td class="titlebg" colspan="2"><b>$inmes_txt{'70'}: {yabb msub}</b></td> - </tr><tr> - <td class="catbg"><span class="small">$inmes_txt{'318'}: {yabb musernameRealName}</span></td> - <td class="catbg right"><span class="small">{yabb my_save_draft} {yabb tempdate}</span></td> - </tr><tr> - <td class="windowbg2" colspan="2"> - <div class="message" style="float:left; width:100%;">{yabb message}</div> - </td> - </tr> - </table> - </td> - </tr> - </table> + <div class="bordercolor padd_4px"> + <table class="windowbg pad_4px fixed"> + <tr> + <td class="titlebg" colspan="2"><b>$inmes_txt{'70'}: {yabb msub}</b></td> + </tr><tr> + <td class="catbg"><span class="small">$inmes_txt{'318'}: {yabb musernameRealName}</span></td> + <td class="catbg right"><span class="small">{yabb my_save_draft} {yabb tempdate}</span></td> + </tr><tr> + <td class="windowbg2" colspan="2"> + <div class="message" style="float:left; width:100%;">{yabb message}</div> + </td> + </tr> + </table> + </div> </td> </tr>~; -$myIM_liveprev_b = qq~<table class="bordercolor cs_thin pad_1px" style="table-layout: fixed"> +$myIM_liveprev_b = qq~<table class="bordercolor cs_thin pad_1px fixed"> <tr> <td class="windowbg2 vtop" colspan="2"> <div style="width: 99%; padding: 2px; margin: 2px;">

	Perfection is not possible. Excellence, however, is excellent.
	WWW IP Logged

Dandello Forum Administrator YaBB Modder Offline I love YaBB 2.7! Posts: 2234 Location: The Land of YaBB Joined: Feb 12^th, 2014 Gender: Mood: Annoyed Zodiac sign:	Re: Now on HTML5 Reply #16 - Oct 21^st, 2014 at 8:52pm	Mark & Quote Quote
	Code Index: MyPosts.template =================================================================== --- MyPosts.template (revision 1565) +++ MyPosts.template (working copy) @@ -166,33 +166,26 @@ } </script> <form action="$scripturl?action=boardnotify2" method="post" name="boardnotify"> - <table class="tabtitle"> - <tr> - <td style="padding-left:10px"> - <img src="$imagesdir/$brd_notify_img" alt="notify_txt{'136'}" title="$notify_txt{'136'}" /> <b>$notify_txt{'136'}</b> - {yabb note_brd} - </td> - </tr> - </table> - <table class="pad_4px cs_thin" style="margin-bottom: 10px;"> + <div class="tabtitle" style="padding-left:1em; line-height:3em; vertical-align:bottom"> + <img src="$imagesdir/$brd_notify_img" alt="notify_txt{'136'}" title="$notify_txt{'136'}" /> <b>$notify_txt{'136'}</b> + {yabb note_brd} + </div> + <table class="pad_4px cs_thin" style="margin-bottom: .5em;"> <colgroup> <col style="width:65%" /> + <col style="width:35%" /> </colgroup> {yabb my_showNotifications_b} </table> </form> - <br /> <form action="$scripturl?action=notify4" method="post" name="threadnotify"> - <table class="tabtitle"> - <tr> - <td style="padding-left:10px"> - <img src="$imagesdir/$brd_notify_img" alt="$notify_txt{'118'}" title="$notify_txt{'118'}" /> <b>$notify_txt{'118'}</b> - </td> - </tr> - </table> + <div class="tabtitle" style="padding-left:1em; line-height:3em; vertical-align:bottom"> + <img src="$imagesdir/$brd_notify_img" alt="$notify_txt{'118'}" title="$notify_txt{'118'}" /> <b>$notify_txt{'118'}</b> + </div> <table class="pad_4px cs_thin"> <colgroup> <col style="85%" /> + <col style="15%" /> </colgroup> {yabb my_showNotifications_t} </table>

	Perfection is not possible. Excellence, however, is excellent.
	WWW IP Logged

Dandello Forum Administrator YaBB Modder Offline I love YaBB 2.7! Posts: 2234 Location: The Land of YaBB Joined: Feb 12^th, 2014 Gender: Mood: Annoyed Zodiac sign:	Re: Now on HTML5 Reply #17 - Oct 21^st, 2014 at 8:54pm	Mark & Quote Quote
	Code Index: MyProfile.template =================================================================== --- MyProfile.template (revision 1587) +++ MyProfile.template (working copy) @@ -3,7 +3,7 @@ ############################################################################### # YaBB: Yet another Bulletin Board # # Open-Source Community Software for Webmasters # -# Version: YaBB 2.6.1 # +# Version: YaBB 2.6.2 # # Packaged: September 1, 2014 # # Distributed by: http://www.yabbforum.com # # =========================================================================== # @@ -26,33 +26,25 @@ ## UserProfile login ## $myprofile_a = qq~ -<table class="tabtitle cs_thin pad_4px" style="width:500px"> - <tr> - <td class="center"><b>$profile_txt{'901'}</b></td> - </tr> -</table> -<form action="{yabb prof_act}" method="post" name="confirmform"> -<table class="bordercolor cs_thin pad_4px" style="width:500px; margin-bottom:10px"> - <tr> - <td class="windowbg2 center"> - <label for="passwrd"><span class="small"><br />{yabb sid_descript}<br /><br /></span></label> - </td> - </tr><tr> - <td class="windowbg2 center"> - <input type="hidden" name="redir" value="{yabb redirsid}" /> - <div style="padding-top: 4px;"> - <div><input type="password" name="passwrd" id="passwrd" size="15" style="width: 150px;" onkeypress="capsLock(event,'cappasswrd')" /></div> - <div style="color: #f00; font-weight: bold; display: none" id="cappasswrd">$profile_txt{'capslock'}</div> - <div style="color: #f00; font-weight: bold; display: none" id="cappasswrd_char">$profile_txt{'wrong_char'}: <span id="cappasswrd_character"> </span></div> - </div> - </td> - </tr><tr> - <td class="catbg center" style="padding: 8px;"> - <input type="submit" value="$profile_txt{'900'}" class="button" /> - </td> - </tr> -</table> -</form> +<div style="width:45em; margin:0 auto 1em"> + <div class="tabtitle center" style="line-height:3em; vertical-align:bottom"><b>$profile_txt{'901'}</b></div> + <form action="{yabb prof_act}" method="post" name="confirmform"> + <div class="windowbg2 center"> + <label for="passwrd"><span class="small"><br />{yabb sid_descript}<br /><br /></span></label> + </div> + <div class="windowbg2 center" style="padding-bottom:4px"> + <input type="hidden" name="redir" value="{yabb redirsid}" /> + <div style="padding-top: 4px;"> + <div><input type="password" name="passwrd" id="passwrd" size="15" style="width: 150px;" onkeypress="capsLock(event,'cappasswrd')" /></div> + <div style="color: #f00; font-weight: bold; display: none" id="cappasswrd">$profile_txt{'capslock'}</div> + <div style="color: #f00; font-weight: bold; display: none" id="cappasswrd_char">$profile_txt{'wrong_char'}: <span id="cappasswrd_character"> </span></div> + </div> + </div> + <div class="catbg center padd_8px"> + <input type="submit" value="$profile_txt{'900'}" class="button" /> + </div> + </form> +</div> <script type="text/javascript"> document.confirmform.passwrd.focus(); </script>~; @@ -59,7 +51,7 @@ ## End UserProfile login ## admin edit menu ## -$myprofile_menu = qq~<table class="bordercolor cs_thin pad_4px" style="table-layout:fixed; margin-bottom: -1px"> +$myprofile_menu = qq~<table class="bordercolor cs_thin pad_4px fixed" style="margin-bottom: -1px"> <tr> <td class="{yabb menucolor0} center bottom"><span class="small"><b><a href="$scripturl?action=profile;username={yabb menu_user};sid=$INFO{'sid'}">$profile_txt{79}</a></b></span></td> <td class="{yabb menucolor1} center bottom"><span class="small"><b><a href="$scripturl?action=profileContacts;username={yabb menu_user};sid=$INFO{'sid'}">$profile_txt{819}</a></b></span></td> @@ -81,7 +73,7 @@ ## end admin edit menu ## ## Profile edit ## -$myprofile_edit = qq~<table class="cs_thin pad_4px"> +$myprofile_edit = qq~<table class="pad_4px" style="border-spacing: 0 1px; border-collapse:separate"> <colgroup> <col style="width:320px" /> <col style="width:auto" /> @@ -93,7 +85,8 @@ </tr>{yabb my_passchk} <tr class="windowbg"> <td><label for="name"><b>$profile_txt{68}: </b> - <br />{yabb my_name_not}</td> + <br />{yabb my_name_not} + </td> <td> <input type="text" maxlength="30" onchange="checkAvail('$scripturl',this.value,'display')" name="name" id="name" size="30" value="{yabb user}" /><div id="displayavailability"></div> </td> @@ -139,7 +132,7 @@ </form>~; ## PM and contact preferences ## -$myprofile_contact = qq~<table class="bordercolor cs_thin pad_4px"> +$myprofile_contact = qq~<table class="pad_4px" style="border-spacing: 0 1px; border-collapse:separate"> <colgroup> <col style="width:320px" /> <col style="width:auto" /> @@ -267,7 +260,7 @@ </tr>~; ## Options ## -$myprofile_options = qq~<table class="bordercolor cs_thin pad_4px"> +$myprofile_options = qq~<table class="pad_4px" style="border-spacing: 0 1px; border-collapse:separate"> <colgroup> <col style="width:320px" /> <col style="width:auto" /> @@ -485,7 +478,7 @@ </form>~; ## PM preferences ## -$myprofile_PMpref = qq~<table class="bordercolor cs_thin pad_4px"> +$myprofile_PMpref = qq~<table class="pad_4px" style="border-spacing: 0 1px; border-collapse:separate"> <colgroup> <col style="width:320px" /> <col style="width:auto" /> @@ -534,7 +527,7 @@ </tr>~; ## Admin edit ## -$myprofile_admin_a = qq~<table class="bordercolor cs_thin pad_4px"> +$myprofile_admin_a = qq~<table class="pad_4px" style="border-spacing: 0 1px; border-collapse:separate"> <colgroup> <col style="width:320px" /> <col style="width:auto" /> @@ -597,7 +590,7 @@ </table> </form>~; -$myprofile_title = qq~<table class="bordercolor cs_thin pad_4px"> +$myprofile_title = qq~<table class="pad_4px" style="border-spacing: 0 1px; border-collapse:separate"> <colgroup> <col style="width:320px" /> <col style="width:auto" />

	Perfection is not possible. Excellence, however, is excellent.
	WWW IP Logged

Dandello Forum Administrator YaBB Modder Offline I love YaBB 2.7! Posts: 2234 Location: The Land of YaBB Joined: Feb 12^th, 2014 Gender: Mood: Annoyed Zodiac sign:	Re: Now on HTML5 Reply #18 - Oct 21^st, 2014 at 8:56pm	Mark & Quote Quote
	Code Index: Other.template =================================================================== --- Other.template (revision 1591) +++ Other.template (working copy) @@ -17,20 +17,14 @@ ## IPlookup ## $my_ipdiv = qq~ -<table class="tabtitle"> - <tr> - <td style="padding-left:1%"><img src="$micon_bg{'ip'}" alt="" /> $lookup_txt{'iplookup'} - {yabb ip}</td> - </tr> -</table> -<table class="pad_4px cs_thin"> - <tr> - <td class="windowbg2"> - <div style="font-weight: bold; margin-bottom: 10px;">$lookup_txt{'01'} {yabb ip} $lookup_txt{'02'}</div> - <div>{yabb lookuplink} </div> - <div style="width: 100%; text-align: center;"><a href="javascript:history.go(-1);">$maintxt{'193'}</a></div> - </td> - </tr> -</table>~; +<div style="width:50em; margin: 0 auto"> + <div class="tabtitle" style="padding-left:1%; margin-top:1em; line-height:3em; vertical-align:bottom"><img src="$micon_bg{'ip'}" alt="" /> $lookup_txt{'iplookup'} - {yabb ip}</div> + <div class="windowbg2 padd_4px"> + <span style="font-weight: bold; margin-bottom: 10px;">$lookup_txt{'01'} {yabb ip} $lookup_txt{'02'}</span> + <div class="windowbg2 padd_4px">{yabb lookuplink} </div> + </div> + <p class="center"><a href="javascript:history.go(-1);">$maintxt{'193'}</a></p> +</div>~; ## AddModerators $myshowProfile = qq~<tr class="windowbg"> @@ -144,7 +138,7 @@ </td> </tr><tr> <td class="catbg center" style="padding: 8px;" colspan="2"> - <input type="submit" value="$img_txt{'34a'}" tabindex="2" class="button" /> + <input type="submit" value="$img_txt{'34a'}" tabindex="2" class="button" /> </td> </tr> </table> @@ -162,17 +156,17 @@ #in the event you want a banner for the smilies header # $my_banner = 'banner.gif'; - $smilie_window_a = -qq~<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="$abbr_lang" lang="$abbr_lang"> +qq~<!DOCTYPE html> +<html lang="$abbr_lang"> <head> -<title>$smiltxt{'1'}</title> -<meta http-equiv="Content-Type" content="text/html; charset=$yymycharset" /> -<link rel="stylesheet" href="$yyhtml_root/Templates/Forum/$usestyle.css" type="text/css" /> -<style type="text/css"> -.moresmiles {vertical-align:bottom; cursor:pointer;} -</style> +<!-- YaBB 2.6.2 $Revision$ --> + <meta charset=$yymycharset"> + <title>$smiltxt{'1'}</title> + <link rel="stylesheet" href="$yyhtml_root/Templates/Forum/$usestyle.css" type="text/css" /> + <style type="text/css"> + .moresmiles {vertical-align:bottom; cursor:pointer;} + </style> <script type="text/javascript"> function AddText(text) { if (window.opener && !window.opener.closed) { @@ -210,12 +204,12 @@ ~; $smilie_window_advanced = -qq~<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="$abbr_lang" lang="$abbr_lang"> +qq~<!DOCTYPE html> +<html lang="$abbr_lang"> <head> -<title>$smiltxt{'1'}</title> -<meta http-equiv="Content-Type" content="text/html; charset=$yymycharset" /> -<link rel="stylesheet" href="$yyhtml_root/Templates/Forum/$usestyle.css" type="text/css" /> + <meta charset=$yymycharset"> + <title>$smiltxt{'1'}</title> + <link rel="stylesheet" href="$yyhtml_root/Templates/Forum/$usestyle.css" type="text/css" /> <script type="text/javascript"> function AddText(text) { if (window.opener && !window.opener.closed) { @@ -280,33 +274,21 @@ ## Error $my_show_error = qq~ -<table class="system-info"> - <tr> - <td>$maintxt{'error_description'}</td> - </tr> -</table> -<table class="system-info-body"> - <tr> - <td>{yabb errormessage}</td> - </tr> -</table> -<br /><div style="width: 100%; text-align: center;"><a href="javascript:history.go(-1)">$maintxt{'193'}</a></div> +<div class="system-body"> + <div class="system-info" style="padding-left:1%; margin-top:1em; line-height:3em; vertical-align:bottom">$maintxt{'error_description'}</div> + <div class="system-info-body">{yabb errormessage}</div> +</div> +<p class="center"><a href="javascript:history.go(-1)">$maintxt{'193'}</a></p> ~; ## Guest Profile link interrupt $my_profile_int = qq~ -<table class="system-info" style="width:50em"> - <tr> - <td>$maintxt{'members_only'}</td> - </tr> -</table> -<table class="system-info-body" style="width:50em"> - <tr> - <td class="center">$maintxt{'reg_please'}</td> - </tr> -</table> -<br /><div style="width: 100%; text-align: center;"><a href="javascript:history.go(-1)">$maintxt{'193'}</a></div> +<div class="system-body"> + <div class="system-info" style="padding-left:1%; margin-top:1em; line-height:3em; vertical-align:bottom">$maintxt{'members_only'}</div> + <div class="system-info-body">$maintxt{'reg_please'}</div> +</div> +<p class="center"><a href="javascript:history.go(-1)">$maintxt{'193'}</a></p> ~; -1; \ No newline at end of file +1;

	Perfection is not possible. Excellence, however, is excellent.
	WWW IP Logged

Dandello Forum Administrator YaBB Modder Offline I love YaBB 2.7! Posts: 2234 Location: The Land of YaBB Joined: Feb 12^th, 2014 Gender: Mood: Annoyed Zodiac sign:	Re: Now on HTML5 Reply #19 - Oct 21^st, 2014 at 8:59pm	Mark & Quote Quote
	Code Index: Poll.template =================================================================== --- Poll.template (revision 1586) +++ Poll.template (working copy) @@ -22,92 +22,80 @@ <br /> <form action="$scripturl?action=undovote;num={yabb pollnum}{yabb start}" method="post" style="display: inline;"> <input type="hidden" name="multidel" value="1" /> - <table class="tabtitle" style="width:90%"> - <tr> - <td style="padding-left:10px">$img{'pollicon'} <b>$polltxt{'42'}</b></td> - </tr> - </table> - <table class="pad_4px cs_thin" style="width:90%"> - <tr> - <td class="windowbg2" colspan="5"><br /><b>$polltxt{'16'}:</b> {yabb poll_question}<br /><br /></td> - </tr><tr> - <td class="catbg center"><b> </b></td> - <td class="catbg center"><b>$polltxt{'35'}</b></td> - <td class="catbg center"><b>$polltxt{'30'}</b></td> - <td class="catbg center"><b>$polltxt{'31'}</b></td> - <td class="catbg center"><b>$polltxt{'24'}</b></td> - </tr><tr>{yabb my_IP} - <td class="titlebg center" colspan="5"><input type="submit" value="$polltxt{'49'}" class="button" /></td> - </tr> - </table> + <div style="width:90%; margin:0 auto"> + <div class="tabtitle" style="padding-left:1%; line-height:3em; vertical-align:bottom">$img{'pollicon'} <b>$polltxt{'42'}</b></div> + <div class="windowbg2" style="padding:1em 1%"><b>$polltxt{'16'}:</b> {yabb poll_question}</div> + <table class="pad_4px cs_thin"> + <tr> + <td class="catbg center"><b> </b></td> + <td class="catbg center"><b>$polltxt{'35'}</b></td> + <td class="catbg center"><b>$polltxt{'30'}</b></td> + <td class="catbg center"><b>$polltxt{'31'}</b></td> + <td class="catbg center"><b>$polltxt{'24'}</b></td> + </tr>{yabb my_IP} + <tr> + <td class="catbg center" colspan="5"><input type="submit" value="$polltxt{'49'}" class="button" /></td> + </tr> + </table> + </div> </form>~; -$mypoll_IP = qq~ +$mypoll_IP = qq~</tr> <td class="windowbg2 center"><input type="checkbox" name="{yabb id}" value="1" /></td> <td class="windowbg2">{yabb voters_name}</td> <td class="windowbg2 center">{yabb lookupIP}</td> <td class="windowbg2 center">{yabb vote_date}</td> <td class="windowbg2">{yabb voted}</td> - </tr><tr>~; + <tr>~; $mypoll_display = qq~ <form name="removepoll" action="$scripturl?action=modify2;d=1" method="post" style="display: inline"> - <input type="hidden" name="thread" value="{yabb pollnum}" /> - <input type="hidden" name="id" value="Poll" /> + <input type="hidden" name="thread" value="{yabb pollnum}" /> + <input type="hidden" name="id" value="Poll" /> </form> <form name="poll" method="post" action="$scripturl?action=vote;num={yabb pollnum}{yabb scp}" style="display: inline;"> - <table> - <tr> - <td class="tabtitle">{yabb poll_coll} - $polltxt{'15'} {yabb boardpoll} - </td> - </tr><tr> - <td class="catbg vtop padd_4px"> - <div style="float: left; width: 50%; text-align: left; line-height:18px; vertical-align:middle"> - {yabb poll_icon} <b>$polltxt{'16'}</b>: {yabb poll_question} + <div class="tabtitle" style="padding-left:1%; line-height:3em; vertical-align:bottom">{yabb poll_coll} $polltxt{'15'} {yabb boardpoll}</div> + <div class="catbg vtop padd_4px"> + <div style="float: left; width: 50%; text-align: left; line-height:18px; vertical-align:middle"> + {yabb poll_icon} <b>$polltxt{'16'}</b>: {yabb poll_question} + </div> + <div style="float: left; width: 50%; text-align: right;"> + <span class="small">{yabb lockpoll}{yabb modifypoll}{yabb deletepoll}</span> + </div> + <div class="clear"></div> + </div> + <div id="polldiv" style="width: 100%; display: {yabb scdivdisp}; margin-bottom:.5em"> + <div class="windowbg padd_4px" style="height:23px">{yabb poll_notlocked}</div> + <div class="windowbg2 center padd_4px"> + {yabb endedtext} + <div class="windowbg2" id="piestyle" style="width: 100%;"> + <br />{yabb pollhidden} {yabb poll_hasvoted}<br /> + </div> + <div class="windowbg2"> + <br />{yabb footer} + </div> + {yabb my_pollcomment} + <div class="windowbg2 padd_4px" style="height:22px"> + <div class="small" style="float: left; width: 49%; text-align: left;"> + {yabb poll_end}{yabb displaydate} </div> - <div style="float: left; width: 50%; text-align: right;"> - <span class="small">{yabb lockpoll}{yabb modifypoll}{yabb deletepoll}</span> + <div class="small" style="float: left; width: 50%; text-align: right;"> + {yabb viewthread}{yabb deletevote}{yabb displayvoters} </div> - </td> - </tr> - </table> - <div id="polldiv" style="width: 100%; display: {yabb scdivdisp};"> - <table class="pad_4px"> - <tr> - <td class="windowbg"> - {yabb poll_notlocked} - </td> - </tr><tr> - <td class="windowbg2 center"> - {yabb endedtext} - <div class="windowbg2" id="piestyle" style="width: 100%;"> - <br />{yabb pollhidden} {yabb poll_hasvoted}<br /> - </div> - <div style="width: 100%;"> - <br />{yabb footer} - </div> - {yabb my_pollcomment} - <div style="float: left; width: 49%; text-align: left;"> - <span class="small">{yabb poll_end}{yabb displaydate}</span> - </div> - <div style="float: left; width: 50%; text-align: right;"> - <span class="small">{yabb viewthread}{yabb deletevote}{yabb displayvoters}</span> - </div> - </td> - </tr> - </table> + </div> + </div> </div> </form>~; -$mypoll_ended = - qq~<span style="color: #FF0000;"><b>$polltxt{'53'}</b></span></td> - </tr><tr> - <td class="windowbg2 center" colspan="2"><br />~; +$mypoll_ended = qq~<span style="color: #FF0000;"><b>$polltxt{'53'}</b></span>~; -$mypoll_locked = - qq~<span style="color: #FF0000;"><b>$polltxt{'22'}</b></span></td> - </tr><tr> - <td class="windowbg2 center" colspan="2"><br />~; +$mypoll_locked = qq~<span style="color: #FF0000;"><b>$polltxt{'22'}</b></span>~; -1; \ No newline at end of file +$mypoll_hasvoted = q~ + <div class="clear" style="height: 18px; vertical-align: middle; width:400px; margin: 0 auto;"> + <div style="float: left; width: 25%; text-align: right;">{yabb optionsi}    </div> + <div style="float: left; text-align: left; width: {yabb pollbar}px; height: 10px; background-color: {yabb slicecolori}; border: 1px outset {yabb slicecolori};"></div> + <div class="small" style="float: left; text-align: left;">  {yabb votesi} ({yabb pollpercent}%)</div> + </div>~; + +1;

	Perfection is not possible. Excellence, however, is excellent.
	WWW IP Logged

Dandello Forum Administrator YaBB Modder Offline I love YaBB 2.7! Posts: 2234 Location: The Land of YaBB Joined: Feb 12^th, 2014 Gender: Mood: Annoyed Zodiac sign:	Re: Now on HTML5 Reply #20 - Oct 21^st, 2014 at 9:00pm	Mark & Quote Quote
	Code Index: Post.template =================================================================== --- Post.template (revision 1587) +++ Post.template (working copy) @@ -17,7 +17,7 @@ $cat_exp = $newload{'brd_exp'}; $post_error = qq~$imagesdir/exclamation.png~; -if (!$enable_quickreply) {$my_spacer = '; margin-bottom:1em;';} +if (!$enable_quickreply) {$my_spacer = 'style="margin-bottom:1em;"';} $messageclass = 'message'; $my_guestpost_col = 2; @@ -26,27 +26,20 @@ ## Post Top $mypost_title = qq~{yabb my_topper} -<table class="tabtitle"> - <tr> - <td style="padding-left:1%"> - <img src="{yabb icon_img}" alt="" /> {yabb yytitle} - </td> - </tr> -</table> +<div class="tabtitle" style="padding-left:1%; line-height:3em; vertical-align:bottom"> + <img src="{yabb icon_img}" alt="" /> {yabb yytitle} +</div> {yabb my_topview} ~; -$mypost_topview = qq~<table class="pad_3px"> - <tr> - <td class="windowbg"> - $display_txt{'646'} ({yabb topviewers}): {yabb template_viewers} - </td> - </tr> -</table>~; +$mypost_topview = qq~ +<div class="windowbg padd_3px"> + $display_txt{'646'} ({yabb topviewers}): {yabb template_viewers} +</div>~; ## main posting block (IMs and Posts) ## $mypost_postblock = qq~ -<table class="pad_3px" style="table-layout: fixed"> +<table class="pad_3px fixed"> <colgroup> <col style="width: 23%" /> <col style="width: auto" /> @@ -57,15 +50,13 @@ {yabb verification_field} {yabb verification_question_field} <tr class="windowbg"> - <td colspan="{yabb guestcol}"> - <div style="height:16px;"> - <img src="$imagesdir/$cat_exp" id="prevwin" alt="$npf_txt{'01'}" title="$npf_txt{'01'}" style="cursor: pointer;" onclick="enabPrev();" /> <b>$npf_txt{'04'}</b> - </div> + <td colspan="{yabb guestcol}" style="height:16px;"> + <img src="$imagesdir/$cat_exp" id="prevwin" alt="$npf_txt{'01'}" title="$npf_txt{'01'}" style="cursor: pointer;" onclick="enabPrev();" /> <b>$npf_txt{'04'}</b> </td> </tr> </table> {yabb my_postsection_ajx} -<table class="pad_3px" style="table-layout: fixed$my_spacer"> +<table class="pad_3px fixed"$my_spacer> <colgroup> <col style="width: 23%" /> <col style="width: auto" /> @@ -74,8 +65,8 @@ <td colspan="2"> <div id="savetable" class="windowbg" style="float: left; text-align: left; width: 100%; padding: 0; margin: 0; overflow: hidden; display: none;"> {yabb messageblock} - <div id="checktable" class="small" style="float: right; text-align: left; width: 77%; padding: 6px; margin: 0; display: none;"></div> - </div> + <div id="checktable" class="small" style="float: right; text-align: left; width: 77%; padding: 6px; margin: 0; display: none;"></div> + </div> </td> </tr> {yabb my_t_status} @@ -177,7 +168,7 @@ </tr>~; $mypost_submit = qq~<tr> - <td class="catbg center" colspan="2" style="padding: 8px;">~; + <td class="catbg center padd_8px" colspan="2">~; $mypost_smiley1 = qq~ <table class="smiley_top" style="width:124px"><tr> @@ -202,9 +193,9 @@ <td class="windowbg2 bottom">~; $mypost_prevmain = q{}; -$x_mypost_prevmain = qq~ +$x_mypost_prevmain = q~ <div class="bordercolor" style="padding: 1px; width: 100%; margin-left: auto; margin-right: auto;"> - <table class="windowbg pad_3px" style="table-layout: fixed;"> + <table class="windowbg pad_3px fixed"> <tr> <td class="windowbg2"> <div class="message" style="overflow:auto;">{yabb cmessage}</div> @@ -211,7 +202,8 @@ </td> </tr> </table> - </div>\n~; + </div> +~; $mypost_lastmod = qq~<tr class="windowbg"> <td class="vtop"><b>$post_txt{'211'}:</b></td> @@ -219,34 +211,17 @@ </tr>~; $mypost_prevmain_error = qq~ - <div class="bordercolor" style="padding: 1px; width: 50%; margin-left:0; margin-right: auto;"> - <table class="windowbg pad_3px" style="table-layout: fixed"> - <tr> - <td class="titlebg"> - <img src="$post_error" alt="" /> {yabb error_occurred} - </td> - </tr> - </table> - <table class="windowbg pad_3px" style="table-layout: fixed;"> - <tr> - <td class="windowbg2"> - <div class="message" style="overflow:auto; color: red"><br /> - {yabb preverror} - <br /><br /> - </div> - </td> - </tr> - </table> - </div>~; + <div class="bordercolor" style="padding: 1px; width:45em; margin-left:0; margin-right: auto;"> + <div class="titlebg padd_3px"><img src="$post_error" alt="" /> {yabb error_occurred}</div> + <div class="windowbg2 message" style=".5em 3px 1em 3px; overflow:auto; color: red"> + {yabb preverror} + </div> + </div>~; $mypost_smilies = q~ </td> <td class="windowbg2">~; -$mypost_smilies_b = q~ - </td> - <td class="windowbg2">~; - $mypost_smilies_c = qq~{yabb my_smilies} </td> </tr>~;

	Perfection is not possible. Excellence, however, is excellent.
	WWW IP Logged

Dandello Forum Administrator YaBB Modder Offline I love YaBB 2.7! Posts: 2234 Location: The Land of YaBB Joined: Feb 12^th, 2014 Gender: Mood: Annoyed Zodiac sign:	Re: Now on HTML5 Reply #21 - Oct 21^st, 2014 at 9:02pm	Mark & Quote Quote
	Code Index: Register.template =================================================================== --- Register.template (revision 1584) +++ Register.template (working copy) @@ -3,7 +3,7 @@ ############################################################################### # YaBB: Yet another Bulletin Board # # Open-Source Community Software for Webmasters # -# Version: YaBB 2.6.1 # +# Version: YaBB 2.6.2 # # Packaged: September 1, 2014 # # Distributed by: http://www.yabbforum.com # # =========================================================================== # @@ -23,27 +23,16 @@ ##agreement before registration form $myregister_fullagree = qq~ <form action="$scripturl?action=register" method="post"> -<table class="tabtitle"> - <tr> - <td style="padding-left:1%"><img src="$imagesdir/xx.gif" alt="" /> $register_txt{'764a'}</td> - </tr> -</table> -<table> - <tr> - <td class="windowbg" style="padding: 8px"> - {yabb fullagree} - </td> - </tr><tr> - <td class="catbg center" style="padding: 8px;"> - <input type="submit" value="$register_txt{'585'}" name="regagree" class="button" />  <input type="submit" value="$register_txt{'586'}" name="regnoagree" class="button" /> - </td> - </tr> -</table> + <div class="tabtitle" style="padding-left:1%; line-height:3em; vertical-align:bottom"><img src="$imagesdir/xx.gif" alt="" /> $register_txt{'764a'}</div> + <div class="windowbg padd_8px">{yabb fullagree}</div> + <div class="catbg center padd_8px"> + <input type="submit" value="$register_txt{'585'}" name="regagree" class="button" />  <input type="submit" value="$register_txt{'586'}" name="regnoagree" class="button" /> + </div> </form>~; ## agreement in registration form $myregister_regagree = qq~<tr> - <td class="catbg" colspan="2"> + <td class="catbg padd_4px" colspan="2"> <img src="$imagesdir/xx.gif" alt="$register_txt{'764a'}" title="$register_txt{'764a'}" /> <b>$register_txt{'764a'}</b> </td> </tr><tr> @@ -51,7 +40,7 @@ <label for="regagree"><span style="float: left; padding: 5px;">{yabb fullagree}</span></label> </td> </tr><tr> - <td class="windowbg2 center" colspan="2"> + <td class="windowbg2 center padd_4px" colspan="2"> <label for="regagree"><b>$register_txt{'585'}</b></label> <input type="radio" name="regagree" id="regagree" value="yes" />$myreg_req   <label for="regnoagree"><b>$register_txt{'586'}</b></label> <input type="radio" name="regagree" id="regnoagree" value="no" /> </td> </tr>~; @@ -68,14 +57,11 @@ </table>~; $myregister_regfill_a = qq~ -<table class="tabtitle"> - <tr> - <td style="padding-left:1%; height:30px"> - <img src="$imagesdir/register.gif" alt="$register_txt{'97'}" title="$register_txt{'97'}" /> $register_txt{'517'} - </td> - </tr> -</table> -<table class="cs_thin pad_4px"> +<div style="width:90em; margin:0 auto"> + <div class="tabtitle" style="padding-left:1%; line-height:3em; vertical-align:bottom"> + <img src="$imagesdir/register.gif" alt="$register_txt{'97'}" title="$register_txt{'97'}" /> $register_txt{'517'} + </div> +<table class="pad_4px" style="border-spacing: 0 1px; border-collapse:separate"> <colgroup> <col style="width:45%" /> <col style="width:55%" /> @@ -90,7 +76,7 @@ <td class="windowbg right vtop"> <label for="reglanguage"><b>$register_txt{'101'}</b></label> </td> - <td class="windowbg2 vtop"> + <td class="windowbg vtop"> <select name="reglanguage" id="reglanguage" onchange="document.creator.action='$scripturl?action=register'; document.creator.submit();"> {yabb langopt} </select> @@ -104,7 +90,7 @@ <label for="regusername"><b>$register_txt{'98'}:</b><br /> <span class="small">$register_txt{'520'}$register_txt{'241ea'}</span></label> </td> - <td class="windowbg2 vtop"> + <td class="windowbg vtop"> <input type="text" name="regusername" id="regusername" onchange="checkAvail('$scripturl',this.value,'user')" size="30" value="{yabb tmpregname}" maxlength="18"{yabb regstyle} />$myreg_req <div id="useravailability"></div> <input type="hidden" name="language" id="language" value="{yabb language}" /> @@ -115,7 +101,7 @@ $myregister_avail = qq~</label> </td> - <td class="windowbg2 vtop"> + <td class="windowbg vtop"> <input type="text" name="regrealname" id="regrealname" onchange="checkAvail('$scripturl',this.value,'display')" size="30" value="{yabb tmprealname}" maxlength="30" />$myreg_req <div id="displayavailability"></div> </td> @@ -123,7 +109,7 @@ <td class="windowbg right vtop"><label for="email"><b>$register_txt{'69'}:</b> <br /><span class="small">$register_txt{'679'}</span></label> </td> - <td class="windowbg2 vtop"> + <td class="windowbg vtop"> {yabb aedomains}$myreg_req <div id="emailavailability"></div> {yabb email2}~; @@ -135,25 +121,29 @@ $myregister_endtable = q~ </td> </tr> -</table>~; +</table> +</div>~; +$myregister_enddiv = q~ </div> +</div>~; + $myregister_bdonreg = qq~<tr> <td class="windowbg right vtop"> <label for="birth_month"><b>$register_txt{'birthday'}:</b>{yabb editAgeTxt}</label> </td> - <td class="windowbg2 vtop"><input type="text" name="birth_month" id="birth_month" size="2" value="{yabb birthdate1}" maxlength="2" onkeypress="jumpatnext('document.creator.birth_month','document.creator.birth_da y',2)" /> <input type="text" name="birth_day" id="birth_day" size="2" value="{yabb birthdate0}" maxlength="2" onkeypress="jumpatnext('document.creator.birth_day','document.creator.birth_year ',2)" /> <input type="text" name="birth_year" id="birth_year" size="4" value="{yabb birthdate2}" maxlength="4" />~; + <td class="windowbg vtop"><input type="text" name="birth_month" id="birth_month" size="2" value="{yabb birthdate1}" maxlength="2" onkeypress="jumpatnext('document.creator.birth_month','document.creator.birth_da y',2)" /> <input type="text" name="birth_day" id="birth_day" size="2" value="{yabb birthdate0}" maxlength="2" onkeypress="jumpatnext('document.creator.birth_day','document.creator.birth_year ',2)" /> <input type="text" name="birth_year" id="birth_year" size="4" value="{yabb birthdate2}" maxlength="4" />~; $myregister_bdonreg_2 = qq~<tr> <td class="windowbg right vtop"> <label for="birth_day"><b>$register_txt{'birthday'}:</b>{yabb editAgeTxt}</label> </td> - <td class="windowbg2 vtop"><input type="text" name="birth_day" id="birth_day" size="2" value="{yabb birthdate0}" maxlength="2" onkeypress="jumpatnext('document.creator.birth_day','document.creator.birth_mont h',2)" /> <input type="text" name="birth_month" id="birth_month" size="2" value="{yabb birthdate1}" maxlength="2" onkeypress="jumpatnext('document.creator.birth_month','document.creator.birth_ye ar',2)" /> <input type="text" name="birth_year" id="birth_year" size="4" value="{yabb birthdate2}" maxlength="4" />~; + <td class="windowbg vtop"><input type="text" name="birth_day" id="birth_day" size="2" value="{yabb birthdate0}" maxlength="2" onkeypress="jumpatnext('document.creator.birth_day','document.creator.birth_mont h',2)" /> <input type="text" name="birth_month" id="birth_month" size="2" value="{yabb birthdate1}" maxlength="2" onkeypress="jumpatnext('document.creator.birth_month','document.creator.birth_ye ar',2)" /> <input type="text" name="birth_year" id="birth_year" size="4" value="{yabb birthdate2}" maxlength="4" />~; $myregister_gender = qq~<tr> <td class="windowbg right vtop"> <label for="gender"><b>$register_txt{'gender'}: </b>{yabb editGenderTxt}</label> </td> - <td class="windowbg2 vtop"> + <td class="windowbg vtop"> <select name="gender" id="gender" size="1"> <option value=""></option> <option value="Male">$register_txt{'gender_male'}</option> @@ -167,7 +157,7 @@ <label for="joinmemgroup"><b>$register_txt{'765'}:</b> <br /><span class="small">{yabb additional_explain}</span></label> </td> - <td class="windowbg2 vtop"> + <td class="windowbg vtop"> <select name="joinmemgroup" id="joinmemgroup" size="{yabb selsize}" multiple="multiple"> {yabb addmemgroup} </select> @@ -179,7 +169,7 @@ <label for="reason"><b>$prereg_txt{'regreason'}:</b><br /> <span class="small">$prereg_txt{'reason_exp'}</span></label><br /><br /> </td> - <td class="windowbg2 vtop">~; + <td class="windowbg vtop">~;

	Perfection is not possible. Excellence, however, is excellent.
	WWW IP Logged

Dandello Forum Administrator YaBB Modder Offline I love YaBB 2.7! Posts: 2234 Location: The Land of YaBB Joined: Feb 12^th, 2014 Gender: Mood: Annoyed Zodiac sign:	Re: Now on HTML5 Reply #22 - Oct 21^st, 2014 at 9:03pm	Mark & Quote Quote
	More Register.template Code $myregister_regreason_c = qq~$myreg_req<br /> <span class="small">$prereg_txt{'16'}</span><input value="{yabb RegReasonSymbols}" size="~; @@ -214,7 +204,7 @@ <label for="verification"><b>$floodtxt{'1'}:</b><br /> <span class="small">{yabb flood_text}</span></label> </td> - <td class="windowbg2 vtop"> + <td class="windowbg vtop"> {yabb showcheck} </td> </tr><tr> @@ -221,7 +211,7 @@ <td class="windowbg right vtop"> <label for="verification"><b>$floodtxt{'3'}:</b></label> </td> - <td class="windowbg2 vtop"> + <td class="windowbg vtop"> <input type="text" name="verification" id="verification" size="30" maxlength="50" />$myreg_req </td> </tr>~; @@ -231,7 +221,7 @@ <label for="verification_question"><b>{yabb spam_question}</b><br /> <span class="small">$register_txt{'verification_question_desc'} {yabb verification_question_desc}</span></label> </td> - <td class="windowbg2 vtop"> + <td class="windowbg vtop"> <input type="text" name="verification_question" id="verification_question" size="30" maxlength="50" />$myreg_req <input type="hidden" name="verification_question_id" value="{yabb spam_question_id}" />{yabb spam_question_image} </td> @@ -250,7 +240,7 @@ <td class="windowbg right vtop"> <b>$fruittxt{'1'} {yabb fruit}:</b> </td> - <td class="windowbg2 vtop"> + <td class="windowbg vtop"> <input type="hidden" name="xcord" id="xcord" value="0" /> <input type="hidden" name="ycord" id="ycord" value="0" /> <input type="hidden" name="thefruit" id="thefruit" value="{yabb fruit}" /> @@ -258,7 +248,7 @@ $myregister_email2 = qq~<tr> <td class="windowbg right vtop"><label for="email2"><b>{yabb email2}:</b></label></td> - <td class="windowbg2"><input type="text" maxlength="100" name="email2" id="email2" size="45" />$myreg_req</td> + <td class="windowbg"><input type="text" maxlength="100" name="email2" id="email2" size="45" />$myreg_req</td> </tr>~; $myregister_endform = qq~<tr> @@ -268,16 +258,18 @@ </td> </tr> </table> -</form>~; +</div> +</form> +~; $ext_template1 = qq~<tr> <td class="windowbg right vtop"> <label for=""><b>{yabb fieldname}: </b> <br /><span class="small">{yabb fieldcomment}</span></label> - </td><td class="windowbg2 vtop">~; + </td><td class="windowbg vtop">~; $ext_pre_output = q~<tr> - <td class="windowbg2 vtop">~; + <td class="windowbg vtop">~; $ext_msgCL = q~ class="windowbg" style="border: 0; width: 40px; padding: 1px;" ~; @@ -291,10 +283,10 @@ <b>$field{'comment'}</b> </td> </tr><tr> - <td class="windowbg2 vtop">~; + <td class="windowbg vtop">~; $ext_output_b .= q~ - <td class="windowbg2 vtop">~; + <td class="windowbg vtop">~; $ext_endrow = $myregister_endrow; @@ -358,30 +350,17 @@ $myregister_prereg1 = qq~ <div class="bordercolor" style="width: 650px; margin-bottom: 8px; margin-left: auto; margin-right: auto;"> - <table class="tabtitle"> - <tr> - <td style="padding-left:1%; height:25px"><img src="$imagesdir/register.gif" alt="$prereg_txt{'1a'}" title="$prereg_txt{'1a'}" /><b>$prereg_txt{'1a'}</b></td> - </tr> - </table> - <table class="pad_4px cs_thin"> - <tr> - <td class="windowbg">$prereg_txt{'13'}</td> - </tr> - </table> + <div class="tabtitle" style="padding-left:1%; line-height:3em; vertical-align:bottom"> + <img src="$imagesdir/register.gif" alt="$prereg_txt{'1a'}" title="$prereg_txt{'1a'}" /><b>$prereg_txt{'1a'}</b> + </div> + <div class="windowbg padd_4px">$prereg_txt{'13'}</div> </div>~; $myregister_prereg2 = qq~ - <table class="tabtitle" style="width:650px"> - <tr> - <td style="padding-left:1%; height:25px"> - <img src="$imagesdir/register.gif" alt="$prereg_txt{'1a'}" title="$prereg_txt{'1a'}" /> <b>$prereg_txt{'1a'}</b> - </td> - </tr> - </table> - <table class="pad_4px cs_thin" style="width:650px"> - <tr> - <td class="windowbg center" colspan="2"> - <br />$prereg_txt{'5'}~; + <div class="bordercolor" style="width: 650px; margin-bottom: 8px; margin-left: auto; margin-right: auto;"> + <div class="tabtitle" style="padding-left:1%; line-height:3em; vertical-align:bottom"><img src="$imagesdir/register.gif" alt="$prereg_txt{'1a'}" title="$prereg_txt{'1a'}" /> <b>$prereg_txt{'1a'}</b> + </div> + <div class="windowbg padd_4px">$prereg_txt{'5'}~; $myregister_div_a = q~<div class="bordercolor" style="width: 650px; margin-bottom: 8px; margin-left: auto; margin-right: auto;">~; @@ -393,7 +372,7 @@ ## Passwordcheck ## $show_check = qq~<tr> <td class="windowbg right vtop"><label for="passwrd1"><b>$register_txt{'81'}:</b></label></td> - <td class="windowbg2"> + <td class="windowbg"> <div style="float:left;"> <input autocomplete="off" type="password" maxlength="30" name="passwrd1" id="passwrd1" value="{yabb tmpregpasswrd1}" size="30" onkeypress="capsLock(event,'cappasswrd1')" onkeyup="runPassword(this.value);" /> $myreg_req </div> @@ -409,7 +388,7 @@ <td class="windowbg right vtop"> <label for="passwrd2"><b>$register_txt{'82'}:</b></label> </td> - <td class="windowbg2 vtop"> + <td class="windowbg vtop"> <input autocomplete="off" type="password" maxlength="30" name="passwrd2" id="passwrd2" value="{yabb tmpregpasswrd2}" size="30" onkeypress="capsLock(event,'cappasswrd2')" /> $myreg_req <div id="cappasswrd2">$register_txt{'capslock'}</div> <div id="cappasswrd2_char">$register_txt{'wrong_char'}: <span id="cappasswrd2_character"> </span></div>

	Perfection is not possible. Excellence, however, is excellent.
	WWW IP Logged

Dandello Forum Administrator YaBB Modder Offline I love YaBB 2.7! Posts: 2234 Location: The Land of YaBB Joined: Feb 12^th, 2014 Gender: Mood: Annoyed Zodiac sign:	Re: Now on HTML5 Reply #23 - Oct 21^st, 2014 at 9:04pm	Mark & Quote Quote
	Code Index: Search.template =================================================================== --- Search.template (revision 1583) +++ Search.template (working copy) @@ -3,7 +3,7 @@ ############################################################################### # YaBB: Yet another Bulletin Board # # Open-Source Community Software for Webmasters # -# Version: YaBB 2.6.1 # +# Version: YaBB 2.6.2 # # Packaged: September 1, 2014 # # Distributed by: http://www.yabbforum.com # # =========================================================================== # @@ -16,12 +16,9 @@ $search_img = 'search.png'; $mysearch_template = qq~ -<table class="tabtitle pad_3px"> - <tr> - <td><img src="$imagesdir/$search_img" alt="" /> $search_txt{'183'}</td> - </tr> -</table> -<table class="bordercolor pad_4px cs_thin" > +<div style="width:90em; margin:0 auto"> +<div class="tabtitle" style="padding-left:1%; margin-top:1em; line-height:3em; vertical-align:bottom"><img src="$imagesdir/$search_img" alt="" /> $search_txt{'183'}</div> +<table class="bordercolor pad_4px" style="border-spacing: 0 1px; border-collapse:separate"> <colgroup> <col style="width:45%" /> <col style="width:55%" /> @@ -28,7 +25,7 @@ </colgroup> <tr> <td class="windowbg right vtop"><label for="search"><b>$search_txt{'582'}:</b></label></td> - <td class="windowbg2 padd_2px"> + <td class="windowbg padd_2px"> <input type="text" size="30" name="search" id="search" /> <label for="searchtype">$search_txt{'582'}</label> <select name="searchtype" id="searchtype"> <option value="allwords" selected="selected">$search_txt{'343'}</option> @@ -45,15 +42,15 @@ <td class="windowbg right vtop"> <b>$search_txt{'583'}:</b> </td> - <td class="windowbg2"> + <td class="windowbg"> <div style="padding: 4px 0;"> - <input type="text" size="30" style="width: 220px; padding-left: 3px;" name="userspectext" id="userspectext" value="" readonly="readonly" /> - <input type="button" class="button" id="usrsel" style="border-left: 0; display: inline;" value="$searchselector_txt{'select'}" onclick="javascript:addUser();" /> - <input type="button" class="button" id="usrrem" style="border-left: 0; display: none;" value="$searchselector_txt{'remove'}" onclick="javascript:removeUser();" /> + <input type="text" size="30" style="width: 220px; padding-left: 3px;" name="userspectext" id="userspectext" value="" readonly="readonly" /> + <input type="button" class="button" id="usrsel" style="border-left: 0; display: inline;" value="$searchselector_txt{'select'}" onclick="javascript:addUser();" /> + <input type="button" class="button" id="usrrem" style="border-left: 0; display: none;" value="$searchselector_txt{'remove'}" onclick="javascript:removeUser();" /> ~; $mysearch_template3 = qq~ - <input type="hidden" name="userspec" id="userspec" value="" /> + <input type="hidden" name="userspec" id="userspec" value="" /> </div> <div style="padding: 4px 0;"> <select name="userkind" id="userkind"> @@ -69,13 +66,13 @@ </td> </tr><tr> <td class="windowbg right vtop"><b>$search_txt{'189'}:</b><br /><span class="small">$search_txt{'190'}</span></td> - <td class="windowbg2" >~; + <td class="windowbg" >~; $mysearch_template5 = qq~ </td> </tr><tr> <td class="windowbg right"><b>$search_txt{'573'}:</b></td> - <td class="windowbg2"> + <td class="windowbg"> <input type="checkbox" name="subfield" id="subfield" value="on" checked="checked" /><label for="subfield"> $search_txt{'70'}</label>   <input type="checkbox" name="msgfield" id="msgfield" value="on" checked="checked" /><label for="msgfield"> $search_txt{'72'}</label> {yabb search_ip} @@ -82,7 +79,7 @@ </td> </tr><tr> <td class="windowbg right"><label for="age"><b>$search_txt{'1'}</b></label></td> - <td class="windowbg2"> + <td class="windowbg"> <select name="age" id="age"> <option value="7" selected="selected">$search_txt{'2'}</option> <option value="31">$search_txt{'3'}</option> @@ -93,16 +90,16 @@ </td> </tr><tr> <td class="windowbg right"><label for="numberreturned"><b>$search_txt{'191'}</b><br /><span class="small">$search_txt{'191b'}</span></label></td> - <td class="windowbg2"><input type="text" size="5" name="numberreturned" id="numberreturned" maxlength="5" value="{yabb maxsearchdisplay}" /></td> + <td class="windowbg"><input type="text" size="5" name="numberreturned" id="numberreturned" maxlength="5" value="{yabb maxsearchdisplay}" /></td> </tr><tr> <td class="windowbg right"><label for="oneperthread"><b>$search_txt{'191a'}</b></label></td> - <td class="windowbg2"><input type="checkbox" name="oneperthread" id="oneperthread" value="1"/></td> + <td class="windowbg"><input type="checkbox" name="oneperthread" id="oneperthread" value="1"/></td> </tr><tr> <td class="catbg center" style="padding: 8px;" colspan="2"> <input type="submit" value="$search_txt{'182'}" class="button" /> </td> </tr> -</table></form>~; +</table></div></form>~; $mysearch_template6 = qq~<table class="tabtitle" style="table-layout: fixed;"> @@ -117,7 +114,7 @@ $mysearch_template7 = qq~</td> </tr> </table> -<table class="pad_3px" style="table-layout: fixed;"> +<table class="pad_3px fixed"> <tr class="titlebg search"> <td>$search_txt{'109'} {yabb tname} \| $search_txt{'105'} $search_txt{'525'} {yabb mname}</td> <td class="right"> ~; @@ -125,7 +122,7 @@ $mysearch_template9 = q~ </td> </tr><tr> - <td class="windowbg2 vtop h_80px" colspan="2"> + <td class="windowbg vtop h_80px" colspan="2"> <div class="message" style="float: left; width: 99%; overflow: auto;">{yabb message}</div> <div class="right" style="float: left; width: 99%; overflow: auto;">{yabb my_ipfind}</div> </td> @@ -138,7 +135,7 @@ ~; $mysearch_PM = qq~ -<table class="bordercolor cs_thin" style="table-layout: fixed;"> +<table class="bordercolor cs_thin fixed"> <colgroup> <col style="width:5%" /> <col style="width:95%" /> @@ -165,7 +162,7 @@ </table> </td> </tr><tr> - <td class="windowbg2 vtop h_80px" colspan="2"> + <td class="windowbg vtop h_80px" colspan="2"> <div class="message" style="float: left; width: 99%; overflow: auto;">{yabb message}</div> </td> </tr>

	Perfection is not possible. Excellence, however, is excellent.
	WWW IP Logged

Dandello Forum Administrator YaBB Modder Offline I love YaBB 2.7! Posts: 2234 Location: The Land of YaBB Joined: Feb 12^th, 2014 Gender: Mood: Annoyed Zodiac sign:	Re: Now on HTML5 Reply #24 - Oct 21^st, 2014 at 9:15pm	Mark & Quote Quote
	This one needs more work to get the font sizes and other heights to be more responsive. Code Index: default.css =================================================================== --- default.css (revision 1763) +++ default.css (working copy) @@ -141,6 +141,10 @@ border-spacing: 1px; } +table.fixed { + table-layout:fixed; +} + #maincontainer { border-top: 0; margin-bottom: 10px; @@ -234,7 +238,7 @@ } .menutop { - height: 25px; + height: 2.25em; background-color: #6499d0 ; font-weight: bold; text-align: left; @@ -242,7 +246,7 @@ } .mainbottom { - height: 25px; + height: 2.25em; width: 100%; background-color: #2d2d2d; font-weight: bold; @@ -783,7 +787,7 @@ .displaycontainer { background-color: #fff; - padding: 1px; + padding: 1px 0; width: 100%; } @@ -1291,7 +1295,6 @@ display: inline-block; } - span.ubbcbutton { height: 22px; width: 23px; @@ -1305,6 +1308,7 @@ display: inline-block; float:left; } + .ubbcbuttonback { background-image: url(./default/UBBC/ubbc2.png); } @@ -1971,10 +1975,13 @@ margin: 0 auto; } +.system-body { + margin: 0 auto; + width: 80%; +} + .system-info { - margin: 0 auto; height: 35px; - width: 80%; font-size: 12px; font-family: Verdana, Arial, Sans-Serif; color: #eee; @@ -1983,9 +1990,6 @@ -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; border-bottom: 1px solid #195392; -} - -.system-info td { text-align: center; font-weight: bold; vertical-align: middle; @@ -1992,22 +1996,10 @@ } .system-info-body { - width: 80%; background-color: #dee4ec; - padding: 1px; - border-collapse: separate; - border-spacing: 1px; + padding: 8px; } -.system-info-body td { - background-color: #eee; - font-size: 12px; - font-weight: 400; - font-style: normal; - color: #2d2d2d; - padding: 1em; -} - .smiley_box { height: 65px; width: 120px; @@ -2041,18 +2033,30 @@ .off-color { color:#ccc;} -span.mood { -border: 1px #000 solid; -border-radius: 5px; -height:12px; -padding: 0 3px 0 2px; -vertical-align:top; -color:#000; -font-size:10px; +span.NewLinks { +background-image: url(./default/new-l.png); +height:11px; +display: inline-block; +vertical-align:middle;; +padding: 0 0 0 2px; +background-position: left bottom; +background-repeat: no-repeat; } - -span.mood img { -margin-left:-1px; -margin-top:-2px; +span.NewLinks_r { +background-image: url(./default/new-r.png); +height:11px; +display: inline-block; +vertical-align:baseline; +padding: 0 2px 0 0; +background-position: right top; +background-repeat: no-repeat; +} +span.NewLinks_c { +background-image: url(./default/new-c.png); +color:#fff; +font-size:8px; +height:11px; +display: inline-block; vertical-align:top; +padding: 0 2px; } \ No newline at end of file

	Perfection is not possible. Excellence, however, is excellent.
	WWW IP Logged

Monni Language Offline Min izāmō Posts: 413 Location: Kaarina, Finland Joined: Jul 16^th, 2014 Gender: Mood: Frustrated Zodiac sign:	Re: Now on HTML5 Reply #25 - Oct 21^st, 2014 at 9:37pm	Mark & Quote Quote
	Ok... I will import the changes to my local checkout tree after I come back from work and look at it more.... It's getting really late here...


	GTalk Skype/VoIP Facebook Twitter YouTube ICQ IP Logged

Monni Language Offline Min izāmō Posts: 413 Location: Kaarina, Finland Joined: Jul 16^th, 2014 Gender: Mood: Frustrated Zodiac sign:	Re: Now on HTML5 Reply #26 - Oct 22^nd, 2014 at 3:30pm	Mark & Quote Quote
	Dandello wrote on Oct 21^st, 2014 at 8:25pm: In order to keep from completely frustrating the templaters we may just go from 2.6.1 to 2.8.0. Or 2.7.0 ... I went through the patches today... Some changes looked weird (for example Polls) and some just simply incomplete (for example Registration)... I can't make a clean diff until the code is on subversion, the diff would in current state be too big.


	GTalk Skype/VoIP Facebook Twitter YouTube ICQ IP Logged

Dandello Forum Administrator Offline I love YaBB 2.7! Posts: 2234 Location: The Land of YaBB Joined: Feb 12^th, 2014 Gender: Mood: Annoyed Zodiac sign:	Re: Now on HTML5 Reply #27 - Oct 22^nd, 2014 at 5:13pm	Mark & Quote Quote
	I just lost my testbed server so I can't do anything until that's squared away. Edited: Testbed server is back - it was a router/Skype problem.
	« Last Edit: Oct 22^nd, 2014 at 8:50pm by Dandello » Reason: Update
	Perfection is not possible. Excellence, however, is excellent.
	WWW IP Logged

XTC Global Moderator Offline YaBB 2.6.0/1/11 Mods Posts: 174 Location: @ustria Joined: Feb 12^th, 2014 Gender: Mood: Freaky Zodiac sign:	Re: Now on HTML5 Reply #28 - Oct 23^rd, 2014 at 9:58am	Mark & Quote Quote
	Hello I know .... SlimBrowser is But new Template looks funywith SlimBrowser With Chrome looks ok lg XTC

	dan_board.jpg ( 182 KB \| 223 Downloads )
	IP Logged

Dandello Forum Administrator Offline I love YaBB 2.7! Posts: 2234 Location: The Land of YaBB Joined: Feb 12^th, 2014 Gender: Mood: Annoyed Zodiac sign:	Re: Now on HTML5 Reply #29 - Oct 23^rd, 2014 at 2:29pm	Mark & Quote Quote
	Moving to divs creates some interesting vertical alignment issues. I'm still tweaking this one.

	Perfection is not possible. Excellence, however, is excellent.
	WWW IP Logged

Page Index Toggle

Pages: 1 [2] 3

‹ Previous Topic | Next Topic ›

Bookmarks:

del.icio.us

Digg

Google

reddit

Yahoo

Now on HTML5

Name:
E-mail:
Your Verification Code is:	Please type the characters exactly as they appear in the image, without the first 2 and last 2 characters. The characters must be typed in the same order, and they are case-sensitive.
Verification Code:
Preview

Message Icon:

Subject:

Message:
You can resize the textbox by dragging the right or bottom border.

Change Text Color

resize_wb

resize_hb

Max 5000 characters. Remaining characters:

Text size: %

More Smilies

View All Smilies

Collapse additional features

Collapse/Expand additional features

Wink

Cheesy

Grin

Angry

Sad

Shocked

Cool

Huh

Roll Eyes

Tongue

Embarrassed

Lips Sealed

Undecided

Kiss

Cry

Disable UBBC and Smilies:

Check this if you wish to disable parsing of ubbc tags and smilies.

Return To:

Select where you would like to return to after posting.

YaBB Development & Mods » Powered by YaBB 2.7.00!
YaBB Forum Software © 2000-2024. All Rights Reserved.

HTML 5

Valid CSS

Powered by Perl

Source Forge

Page completed in 4.5793 seconds.