[3.0.7] SE Pro

Post by **Stoker** » 09 Mar 2010, 08:19

Author: Stoker
Style name: SE Pro
Style version: 1.0.2
PhpBB version: 3.0.7

Moved here: viewtopic.php?f=45&t=1253

Post by **Stoker** » 10 Mar 2010, 17:13

Updated to fit phpBB 3.0.7

Post by **DonkeyBiscuits** » 10 Mar 2010, 17:21

You are da MAN...

Edit: Just updated my board with the new version of phpBB and you new updated style and everything went very smoothly...

Thankyou for all your time and effort.

Post by **Sr X** » 17 Mar 2010, 23:04

SE Pro without Kamahls Button Menu in html version, header image from vladstudio and some other graphics and colors. boss, is right?

Upload image to styles/se_pro/theme/images

and change the name of bgheaderqz8.gif to bg_header.gif

Delete folder: styles/se_pro/theme/images/menu
Delete file: styles/se_pro/theme/menu.css

Open: styles/se_pro/theme/stylesheet.css

Search and delete line:

Code: Select all

@import url("menu.css");

Open: styles/se_pro/template/overal_header.html

Search:

Code: Select all

                       <div class="header-bar">
      <span class="corners-top"><span></span></span>
        <div id="board-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>
    </div>
      

     <div id="menu">
    <div id="menu_corner"></div>
    <ul>
      <li class="menu_button"><a href="{U_INDEX}"><span>{L_INDEX}</span></a></li>
	  <li class="menu_button"><a href="{U_FAQ}"><span>{L_FAQ}</span></a></li>
	  <!-- IF S_DISPLAY_SEARCH -->
	  <li class="menu_button"><a href="{U_SEARCH}"><span>{L_SEARCH}</span> {S_SEARCH_HIDDEN_FIELDS}</a></li>
	  <!-- ENDIF -->
	  <!-- IF not S_IS_BOT -->
      <!-- IF S_DISPLAY_MEMBERLIST --><li class="menu_button"><a href="{U_MEMBERLIST}"><span>{L_MEMBERLIST}</span></a></li><!-- ENDIF -->
	  <!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED --><li class="menu_button"><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
	  <li class="menu_button"><a href="{U_LOGIN_LOGOUT}"><span>{L_LOGIN_LOGOUT}</span></a></li>
	  <!-- ENDIF -->
    </ul>
    <div id="menu_corner_right"></div>

  <!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
			<div id="top-search">
				<form action="{U_SEARCH}" method="post" id="search">
				<fieldset>
					<input name="keywords" class="search-input" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" /> 
          </fieldset>
				</form>
			</div>
		<!-- ENDIF -->

    </div>

Replace by:

Code: Select all

        		<div class="headerbar">
        			<div class="inner"><span class="corners-top"><span></span></span>
        
        			<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>
        
        		<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
        			<div id="search-box">
        				<form action="{U_SEARCH}" method="post" id="search">
        				<fieldset>
        					<input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" /> 
        					<input class="button2" value="{L_SEARCH}" type="submit" /><br />
        					<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
        				</fieldset>
        				</form>
        			</div>
        		<!-- ENDIF -->
        
        			<span class="corners-bottom"><span></span></span></div>
        		</div>

Open: styles/se_pro/template/overall_footer.html

Search:

Code: Select all

    	</div>
    
                <div id="page-footer">
                
                	<div class="navbar">
						<div class="inner"><span class="corners-top"><span></span></span>

						<ul class="linklist">
							<li class="icon-home"><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a></li>
							<!-- IF not S_IS_BOT -->
							<!-- IF S_WATCH_FORUM_LINK --><li <!-- IF S_WATCHING_FORUM -->class="icon-unsubscribe"<!-- ELSE -->class="icon-subscribe"<!-- ENDIF -->><a href="{S_WATCH_FORUM_LINK}" title="{S_WATCH_FORUM_TITLE}">{S_WATCH_FORUM_TITLE}</a></li><!-- ENDIF -->
							<!-- IF U_WATCH_TOPIC --><li <!-- IF S_WATCHING_TOPIC -->class="icon-unsubscribe"<!-- ELSE -->class="icon-subscribe"<!-- ENDIF -->><a href="{U_WATCH_TOPIC}" title="{L_WATCH_TOPIC}">{L_WATCH_TOPIC}</a></li><!-- ENDIF -->
							<!-- IF U_BOOKMARK_TOPIC --><li class="icon-bookmark"><a href="{U_BOOKMARK_TOPIC}" title="{L_BOOKMARK_TOPIC}">{L_BOOKMARK_TOPIC}</a></li><!-- ENDIF -->
							<!-- IF U_BUMP_TOPIC --><li class="icon-bump"><a href="{U_BUMP_TOPIC}" title="{L_BUMP_TOPIC}">{L_BUMP_TOPIC}</a></li><!-- ENDIF -->
							<!-- ENDIF -->
							<li class="rightside"><!-- IF U_TEAM --><a href="{U_TEAM}">{L_THE_TEAM}</a> &bull; <!-- ENDIF --><!-- IF not S_IS_BOT --><a href="{U_DELETE_COOKIES}">{L_DELETE_COOKIES}</a> &bull; <!-- ENDIF -->{S_TIMEZONE}</li>
						</ul>

						<span class="corners-bottom"><span></span></span></div>
					</div>
               </div>
                       
		<div class="headerbar" style="margin-top:10px; margin-bottom:-10px;">
			<div class="inner"><span class="corners-top"><span></span></span>

                         <!--
	We request you retain the full copyright notice below including the link to www.phpbb.com.
	This not only gives respect to the large amount of time given freely by the developers
	but also helps build interest, traffic and use of phpBB3. If you (honestly) cannot retain
	the full copyright we ask you at least leave in place the "Powered by phpBB" line, with
	"phpBB" linked to www.phpbb.com. If you refuse to include even this then support on our
	forums may be affected.

	The phpBB Group : 2006
//-->

	<div class="copyright">
                <!-- IF DEBUG_OUTPUT -->{DEBUG_OUTPUT}<br /><!-- ENDIF -->
                Powered by <a href="http://www.phpbb.com/">phpBB</a> &copy; 2000, 2002, 2005, 2007 phpBB Group<br />
				Prosilver SE - Modified by <a href="http://www.phpbb3bbcodes.com/">PhpBB3 BBCodes</a> - Header by <a href="http://www.vladstudio.com/">vladstudio</a>
		<!-- IF TRANSLATION_INFO --> {TRANSLATION_INFO}<!-- ENDIF -->
		
		<!-- IF U_ACP --><br /><br /><strong><a href="{U_ACP}">{L_ACP}</a></strong><!-- ENDIF -->
	</div>

			<span class="corners-bottom"><span></span></span></div>
		</div>
            </div>
        <div class="border-bottom"><span><span></span></span></div>
    </div></div></div></div></div>
</div>
	
<div>
	<a id="bottom" name="bottom" accesskey="z"></a>
	<!-- IF not S_IS_BOT -->{RUN_CRON_TASK}<!-- ENDIF -->
</div>

</body>
</html>

Replace by:

Code: Select all

    	</div>
    
                <div id="page-footer">
                
                	<div class="navbar">
                		<div class="inner"><span class="corners-top"><span></span></span>
                
                		<ul class="linklist">
                			<li class="icon-home"><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a></li>
                				<!-- IF not S_IS_BOT -->
                					<!-- IF S_WATCH_FORUM_LINK --><li <!-- IF S_WATCHING_FORUM -->class="icon-unsubscribe"<!-- ELSE -->class="icon-subscribe"<!-- ENDIF -->><a href="{S_WATCH_FORUM_LINK}" title="{S_WATCH_FORUM_TITLE}">{S_WATCH_FORUM_TITLE}</a></li><!-- ENDIF -->
                					<!-- IF U_WATCH_TOPIC --><li <!-- IF S_WATCHING_TOPIC -->class="icon-unsubscribe"<!-- ELSE -->class="icon-subscribe"<!-- ENDIF -->><a href="{U_WATCH_TOPIC}" title="{L_WATCH_TOPIC}">{L_WATCH_TOPIC}</a></li><!-- ENDIF -->
                					<!-- IF U_BOOKMARK_TOPIC --><li class="icon-bookmark"><a href="{U_BOOKMARK_TOPIC}" title="{L_BOOKMARK_TOPIC}">{L_BOOKMARK_TOPIC}</a></li><!-- ENDIF -->
                					<!-- IF U_BUMP_TOPIC --><li class="icon-bump"><a href="{U_BUMP_TOPIC}" title="{L_BUMP_TOPIC}">{L_BUMP_TOPIC}</a></li><!-- ENDIF -->
                				<!-- ENDIF -->
                            <li class="rightside"><!-- IF U_TEAM --><a href="{U_TEAM}">{L_THE_TEAM}</a> &bull; <!-- ENDIF --><!-- IF not S_IS_BOT --><a href="{U_DELETE_COOKIES}">{L_DELETE_COOKIES}</a> &bull; <!-- ENDIF -->{S_TIMEZONE}</li>
                		</ul>
                
                		<span class="corners-bottom"><span></span></span></div>
                	</div>
                </div>
            </div>
        <div class="border-bottom"><span><span></span></span></div>
    </div></div></div></div></div>
</div>
	
<!--
	We request you retain the full copyright notice below including the link to www.phpbb.com.
	This not only gives respect to the large amount of time given freely by the developers
	but also helps build interest, traffic and use of phpBB3. If you (honestly) cannot retain
	the full copyright we ask you at least leave in place the "Powered by phpBB" line, with
	"phpBB" linked to www.phpbb.com. If you refuse to include even this then support on our
	forums may be affected.

	The phpBB Group : 2006
//-->

	<div class="copyright">Powered by <a href="http://www.phpbb.com/">phpBB</a> &copy; 2000, 2002, 2005, 2007 phpBB Group<br />Prosilver SE - Modified by <a href="http://www.phpbb3bbcodes.com/">Stoker</a>
		<!-- IF TRANSLATION_INFO --><br />{TRANSLATION_INFO}<!-- ENDIF -->
		<!-- IF DEBUG_OUTPUT --><br />{DEBUG_OUTPUT}<!-- ENDIF -->
		<!-- IF U_ACP --><br /><strong><a href="{U_ACP}">{L_ACP}</a></strong><!-- ENDIF -->
	</div>



<div>
	<a id="bottom" name="bottom" accesskey="z"></a>
	<!-- IF not S_IS_BOT -->{RUN_CRON_TASK}<!-- ENDIF -->
</div>

</body>
</html>

Open: styles/se_pro/theme/common.css

Search:

Code: Select all

#logo {
	float: left;
	width: auto;
	padding: 25px 25px 25px 25px;
}

Replace by:

Code: Select all

#logo {
	float: left;
	width: auto;
	padding: 10px 13px 0 10px;
}

Open: styles/se_pro/theme/colours.css
Search:

Code: Select all

.headerbar {
	background-color: #7C8891;
	background-image: url("{T_THEME_PATH}/images/bg_header.jpg");
	color: #FFFFFF;
}

Replace by:

Code: Select all

.headerbar {
	background-color: #7C8891;
	background-image: url("{T_THEME_PATH}/images/bg_header.gif");
	color: #FFFFFF;
}

Search:

Code: Select all

.copyright {
	color: #FFFFFF;
}

.copyright a {
    color: #FFFFFF !important;
}

Replace by:

Code: Select all

.copyright {
	color: #555555;
}

.copyright a {
    color: #000000 !important;
}

Post by **Stoker** » 17 Mar 2010, 23:18

Thanks, but wouldnt it be much easier to just use the original prosilver se from phpbb.com?

Post by **Fire-Fox** » 13 Apr 2010, 15:10

How do i add "feed" icon to the style

Hoe do i get it to rotat image, in header?

Post by **Steve** » 13 Apr 2010, 16:17

viewtopic.php?f=9&t=95 << here

also look in that forum for rotating header backgrounds if you cant find ask stoker in the missing stuff/request forum.

Post by **Fire-Fox** » 13 Apr 2010, 16:23

Thanks that did the tricks regaring feed icon

Post by **Mess** » 14 Apr 2010, 23:08

Fire-Fox » 13 Apr 2010, 15:10 wrote:How do i add "feed" icon to the style

Hoe do i get it to rotat image, in header?

You can try out this guide for the changing header image.
http://www.phpbb.com/kb/article/adding- ... der-image/

Post by **Fire-Fox** » 15 Apr 2010, 10:43

Thanks. there was a guide here on the site. That explain how to add rotating header image

and it's working very well

PhpBB3 BBCodes

[3.0.7] SE Pro

[3.0.7] SE Pro

Re: [3.0.7] SE Pro

Re: [3.0.7] SE Pro

Re: [3.0.7] SE Pro

Re: [3.0.7] SE Pro

Re: [3.0.7] SE Pro

Re: [3.0.7] SE Pro

Re: [3.0.7] SE Pro

Re: [3.0.7] SE Pro

Re: [3.0.7] SE Pro