IP Board Style
3 posters
Page 1 of 1
Re: IP Board Style
What exactly are you referring to in the screenshot?
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: IP Board Style
I'm not a stealer but I have something similary :
Make a new javascript , tick in all pages and fill with that :
Now go in Administration Panel ->> Display ->> Colors ->> CSS Stylesheet ->> Add this code :
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,
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,
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum