The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

IP Board Style

3 posters

Go down

IP Board Style Empty IP Board Style

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

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

IP Board Style Captur10

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??
avatar
arijitsen
Forumember

Male Posts : 126
Reputation : 1
Language : English

http://gtamodsmania.cz.cc/

Back to top Go down

IP Board Style Empty Re: IP Board Style

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

What exactly are you referring to in the screenshot?


IP Board Style Slgray10

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

Male Posts : 51464
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

IP Board Style Empty Re: IP Board Style

Post by levy 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
levy
Hyperactive

Male Posts : 2632
Reputation : 350
Language : English, Romanian
Location : Romania

https://portofolio.goodforum.net/

Back to top Go down

Back to top


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