The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

IP Board Style

View previous topic View next topic Go down

IP Board Style

Post by arijitsen on July 30th 2013, 9:29 am

Hi,
I just wanted to know how can I add this feature of IP Boards:



I saw this is possible in forummotion as FM-Coding support did it once but seems like mark has closed it.
Please any idea how to achieve it in phpBB3??

arijitsen
Forumember

Male Posts : 126
Reputation : 1
Language : English

http://gtamodsmania.cz.cc/

Back to top Go down

Re: IP Board Style

Post by SLGray on July 30th 2013, 7:47 pm

What exactly are you referring to in the screenshot?


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35667
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Re: IP Board Style

Post by levy on July 30th 2013, 9:17 pm

I'm not a stealer but I have something similary :

Make a new javascript , tick in all pages and fill with that :

Code:
$(document).ready(function(){
 var existLog = $('#logout').length;

  if(existLog === 0) {
    $('#wrap').before('<div id="panou_logare">
<div id="optiuni">
<a href="/login"><img class="sus_jos" src="http://www.ipbforumskins.com/skindemo/public/style_images/villain/user_login.png"/>Login</a>
<a href="/register"><img class="sus_jos" src="http://www.ipbforumskins.com/skindemo/public/style_images/villain/user_register.png"/>Register</a>
</div>
<div id="cautare"></div>
<style>#panou_logare2{display:none;}</style>
</div><br/><br/>');}

$('.navbar #search-box').appendTo('#cautare');
});


$(document).ready(function(){
$('#wrap').before('<div id="panou_logare2">
<a href="/profile?mode=editprofile"><img class="sus_jos" src="http://cdn4.iconfinder.com/data/icons/berlin/16x16/hire-me.png" />Profile</a>
<a href="/privmsg?folder=inbox"><img class="sus_jos" src="http://cdn2.iconfinder.com/data/icons/diagona/icon/16/004.png"/>Private messages</a>
<a href="/login?logout=1"><img class="sus_jos" src="http://cdn5.iconfinder.com/data/icons/frankfurt/16/logout.png"/>Logout</a>

</div>');
});

Now go in Administration Panel ->> Display ->> Colors ->> CSS Stylesheet ->> Add this code :

Code:

#panou_logare2 {
background: url("http://www.ipbforumskins.com/skindemo/public/style_images/villain/trans80.png") repeat;
background: rgba(21,21,21,0.84);
-webkit-box-shadow: rgba(0,0,0,0.7) 0px 1px 8px, inset rgba(0,0,0,0.4) 0px 0px 0px 1px;
-moz-box-shadow: rgba(0,0,0,0.7) 0px 1px 8px, inset rgba(0,0,0,0.4) 0px 0px 0px 1px;
box-shadow: rgba(0,0,0,0.7) 0px 1px 8px, inset rgba(0,0,0,0.4) 0px 0px 0px 1px;
margin-bottom: 6px;
margin: 65px auto 0;
width: 998px;
}

#panou_logare2 a {
border-right: 1px solid rgba(255,255,255,0.1);
color: #fff;
height: 42px;
line-height: 42px;
outline: medium none;
padding: 15px 10px;
font-family: tahoma,helvetica,arial,sans-serif;
font-size: 11px;
font-weight: normal;
}

#panou_logare2 a:hover {
padding-top: 15px;
padding-bottom: 15px;
padding-left: 10px;
padding-right: 10px;
background: rgba(255, 255, 255, 0.05);}

#panou_logare {
margin: 0pt auto;
background: rgba(15,15,15,0.95);
-webkit-box-shadow: rgba(0,0,0,0.7) 0px 1px 8px, inset rgba(0,0,0,0.4) 0px 0px 0px 1px;
box-shadow: rgba(0,0,0,0.7) 0px 1px 8px, inset rgba(0,0,0,0.4) 0px 0px 0px 1px;
width: 998px;
margin-top: 75px;}

#panou_logare #optiuni a {
border-right: 1px solid rgba(255, 255, 255, 0.1);
color: #fff;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 10px;
padding-right: 10px;
line-height: 42px;
outline: medium none;
height: 42px;}

#panou_logare #optiuni a:hover {
padding-top: 12px;
padding-bottom: 12px;
padding-left: 10px;
padding-right: 10px;
background: rgba(255, 255, 255, 0.05);}

#cautare {
position: relative;
margin-top: -30px;
margin-right: -5px;}

#cautare #keywords {
color: #fff;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 10px;
padding-right: 10px;
background: rgba(255, 255, 255, 0.05);
position: relative;
border: none;
margin-top: -81px;}

#cautare input.button2 {
color: #fff;
border-left: 1px solid #000 !important;
border: 0px solid #fff;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 10px;
padding-right: 10px;
background: rgba(255, 255, 255, 0.05);
position: relative;
margin-top: -81px;}

#cautare input.button2:hover {
background: rgba(255, 255, 255, 0.07);}

I've done the menu and the searchbox , the problem is because they are very edited ,don't loooke like yours .

For "View Content" I need your forum and to do the good design for menu,

levy
Hyperactive

Male Posts : 2566
Reputation : 344
Language : Romanian, English
Location : Romania | Feel free to tag me into your topic if you have a problem

http://help.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum