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.

header top

View previous topic View next topic Go down

In progress header top

Post by DeathDunk98* on May 6th 2014, 9:08 pm

how to add this same top header to my forum: my forum url :http://www.islamishendrit.forumk.biz , where I saw it, http://www.xhamiambret.com

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

In progress Re: header top

Post by Illest on May 6th 2014, 9:13 pm

Hi,

Try using this code and adjust the top to your liking.

Code:
.mainmenu{
position:relative;
top:-10px;
}

Illest
Forumember

Male Posts : 135
Reputation : 9
Language : English
Location : USA

http://mixedmedia.userboard.net

Back to top Go down

In progress Re: header top

Post by DeathDunk98* on May 6th 2014, 9:15 pm

I dont use the menu, the navbar is customized and that tag mainmenu doesnt work, so I want the header top on my  forum, is it possible ?

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

In progress Re: header top

Post by Illest on May 6th 2014, 9:19 pm

@DeathDunk98* wrote:I dont use the menu, the navbar is customized and that tag mainmenu doesnt work, so I want the header top on my  forum, is it possible ?
Hi,

Please provide your navbar CSS code.

Thanks in advance.

Illest
Forumember

Male Posts : 135
Reputation : 9
Language : English
Location : USA

http://mixedmedia.userboard.net

Back to top Go down

In progress Re: header top

Post by DeathDunk98* on May 6th 2014, 9:36 pm

Navbar and header:
Code:
 <div id="headertop">
                  <div id="branding" class="clearfix">
                    <div class="logo">
                      <h1 class="blog-name"><a href="http://www.islamishendrit.forumk.biz">Shoqata Kulturore</a></h1>
                      <h2 class="blog-description">Islamishendrit</h2>
                    </div>
                    <div id="search" class="attach">
<form method="get" action="/search?search_where=11" id="search-box">
<label for="main_search" class="hide"></label>
<a href="/search" title="Advanced Search" accesskey="4" rel="search" id="adv_search" class="attach"></a>
<span id="search_wrap">
<input type="text" name="search_keywords" id="main_search" maxlength="128" value="Search..." onclick="if (this.value == 'Search...') this.value = '';" onblur="if (this.value == '') this.value = 'Search...';">
<input type="submit" class="submit_input clickable" value=""></span>
</form>
</div>
                   </div>
              <div id="primary_nav" class="clearfix">
            <div class="main_width">


   
               <ul class="ipsList_inline" id="community_app_menu">

                                          <li id="nav_app_forums" class="left active"><a href="/forum" title="Shko nė forum">Forums</a></li>
      
<li id="nav_app_blog" class="left "><a href="http://islamishendrit.forumk.biz/h1-filma-me-titra-shqip" title="Filma me titra shqip">Filma me titra</a></li>
            
   <li id="nav_app_downloads" class="left "><a href="http://islamishendrit.forumk.biz/c9-multimedia" title="Multimedia Islame">Multimedia</a></li>
                                          
         <li id="nav_app_blog" class="left "><a href="http://islamishendrit.forumk.biz/c2-thesari-ramazanit" title="Gjithēka qė ka tė bėj me Ramazanin">Thesari Ramazanit</a></li>
            
         <li id="nav_app_members" class="left "><a href="/memberlist" title="Lista e anėtarėve">Anėtarėt e regjistruar</a></li>
                                          
         <li id="nav_app_ipchat" class="left "><a href="/chatbox" title="Hap bisedėn">Chat</a></li>
      

         </li>
               </ul>
            </div>
         </div>

CSS:
Code:
#primary_nav {
    min-width: 980px;
  background: url("http://i57.servimg.com/u/f57/18/10/03/86/untitl95.jpg") repeat-x;
height:44px;
  position: relative;
text-align: left;
color:#333!important;
font-family:helvetica,arial,sans-serif;
text-decoration: none!important;
padding: 4px 0px 0px;
}




#limite, .main_width {
margin: 0 auto;
min-width: 960px;
width: 70%!important;
}

#primary_nav {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    font-size: 13px;
    padding: 4px 0px 0px;
}

#community_app_menu > li > a {
    color: #333!important;
    display: block;
  text-decoration: none!important;
    padding: 13px 13px;
    border-bottom:1px solid #c6c6c6;
    border-right:1px solid #c6c6c6;
    margin-top: -17px;
}
#community_app_menu .active > a, #more_apps_menucontentul .active > a, #community_app_menu .active:hover > a {
   background: url("http://i57.servimg.com/u/f57/18/10/03/86/6-113.jpg");
}

#community_app_menu > li {
    margin: 0px 0px 0px 0px;
    position: relative;
}
#community_app_menu > li > a {
    color: #333;
    display: block;
    padding: 13px 13px;
}
#community_app_menu > li.active > a {
    color: #333!important;
    font-weight: bold;
  border-left:1px solid #c6c6c6;
    text-shadow: none;
}


#community_app_menu > li > a:hover {
      background: url("http://i57.servimg.com/u/f57/18/10/03/86/6-113.jpg");
  border-left:1px solid #c6c6c6;
}
ul, menu, dir {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}

#primary_nav {
font-size: 13px;
}

#community_app_menu > li {
margin: 0 0px 0 0;
position: relative;
}

#headertop {
background:url(http://i57.servimg.com/u/f57/18/10/03/86/2-110.png) repeat-x;
padding: 0;
top:0;
left:0;
right:0;
height:117px!important;
position:absolute;
  border-bottom: 5px solid #383332;
}

#branding {
width: auto!important;
margin: 0 auto;
padding: 0 0 20px;
}

.logo {
max-width: 590px;
float: left;
margin: 21px 0 0 10px;
}

.blog-name {
font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
font-size: 22px;
color:#0052A3;
line-height: 1em;
display: block;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: bold;
}


.blog-description {
font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
line-height: 1em;
display: block;
font-size: 14px;
font-weight: bold;
color: #7d716d;
margin: 0;
text-transform: uppercase;
}

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

In progress Re: header top

Post by DeathDunk98* on May 6th 2014, 9:38 pm

sorry for double posting, btw I set the html code in overall header in the top of everything, because if I set it somewhere in the middle or end everything in forum gets messy!

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

In progress Re: header top

Post by Illest on May 6th 2014, 9:44 pm

Hi,

Replace the CSS code with this:

Code:
#primary_nav {
    min-width: 980px;
  background: url("http://i57.servimg.com/u/f57/18/10/03/86/untitl95.jpg") repeat-x;
height:44px;
  position: relative;
top:-10px;
text-align: left;
color:#333!important;
font-family:helvetica,arial,sans-serif;
text-decoration: none!important;
padding: 4px 0px 0px;
}

Tell me if it works or not. Very Happy

Illest
Forumember

Male Posts : 135
Reputation : 9
Language : English
Location : USA

http://mixedmedia.userboard.net

Back to top Go down

In progress Re: header top

Post by DeathDunk98* on May 6th 2014, 10:35 pm

I think you probably dont understand me what I want ?? the code has nothing to do with the header bar I want to put in my forum ?

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

In progress Re: header top

Post by Illest on May 6th 2014, 10:39 pm

@DeathDunk98* wrote:I think you probably dont understand me what I want ?? the code has nothing to do with the header bar I want to put in my forum ?
Do you want to add that header bar to your forum or move your current one up?

Illest
Forumember

Male Posts : 135
Reputation : 9
Language : English
Location : USA

http://mixedmedia.userboard.net

Back to top Go down

In progress Re: header top

Post by DeathDunk98* on May 6th 2014, 10:43 pm

Oh, I want my navbar to stay where it is, and in the upper side of the header to be another one just like in the picture Razz

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

In progress Re: header top

Post by DeathDunk98* on May 8th 2014, 8:46 pm

BUMP BUMP BUMP!

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

In progress Re: header top

Post by Jophy on May 9th 2014, 6:13 am

Hello,

• Please be clear with your questions or problems. Screenshots, links and new codes you installed, will help solve your issue quickly.

Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

In progress Re: header top

Post by Pizza Boi on May 9th 2014, 1:03 pm

Hi Very Happy

There are options now for your forum above, uh, is this okay now because I don't see the problem anymore?

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

In progress Re: header top

Post by DeathDunk98* on May 9th 2014, 8:44 pm

Um, I Dont know how to add the CREATE ACCOUNT and SIGN IN, but just for Unloged in users, and for loged in users I want Sign Out, Notifications icon

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

In progress Re: header top

Post by Pizza Boi on May 10th 2014, 2:06 am

Hi Very Happy

Well, to be honest, there's a variety of ways on how to do it, it's either you create a simple :

Code:
<a href="LINK><img src="" /></a>

Or by creating a button and shiz and have them positioned in the navigation bar.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

In progress Re: header top

Post by DeathDunk98* on May 10th 2014, 11:09 am

but that would appear to all users, I want the CREATE ACCOUNT to appear to just unregistered users and LOG IN!

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

In progress Re: header top

Post by DeathDunk98* on May 10th 2014, 10:39 pm

THIS IS WHAT I WANT TO APPEAR ON THE RIGHT SIDE OF THE TOP HEADER FOR UNREGISTERED USERS:

AND THIS FOR REGISTERED USERS:

help ??
FROM WHERE I SAW THIS:
http://www.basketballacademy.fanbb.net

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

In progress Re: header top

Post by SLGray on May 10th 2014, 10:40 pm

Have you tried asking the staff on that forum about the code?


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


SLGray
Administrator
Administrator

Male Posts : 36619
Reputation : 2439
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: header top

Post by DeathDunk98* on May 10th 2014, 10:45 pm

oh, that is my forum but the theme is installed, do you want me to give you the admin account to see if you can get the codes ?

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

In progress Re: header top

Post by SLGray on May 10th 2014, 10:47 pm

I mean this forum - http://www.basketballacademy.fanbb.net . Is that your forum?


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


SLGray
Administrator
Administrator

Male Posts : 36619
Reputation : 2439
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: header top

Post by DeathDunk98* on May 10th 2014, 10:52 pm

yes, with an installed theme

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

In progress Re: header top

Post by Pizza Boi on May 11th 2014, 10:39 am

Hi Very Happy

You can install the code in a widget.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

In progress Re: header top

Post by DeathDunk98* on May 11th 2014, 11:32 am

First of all, I dont want it in a widget, I want it in right side of the top header,
second, I get the codes but nothing really works

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

In progress Re: header top

Post by Pizza Boi on May 11th 2014, 11:49 am

Hi Very Happy

You can just add in an absolute position code...

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

In progress Re: header top

Post by DeathDunk98* on May 11th 2014, 5:57 pm

wtf dont you hear what Im sayin' the codes the I found they dont work

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

In progress Re: header top

Post by DeathDunk98* on May 11th 2014, 11:17 pm

sorry for double posting but  I think I found some codes, but as I said I dont know how to set them on the right side of headertop :
html:
Code:
<div class="minwidth_IE">
      <div class="layout_IE">
         <div class="container_IE">
                             <div id="adapted_by_mindlezz">
                                    <div id="header_bar" class="clearfix">
            <div class="main_width">
                                  <!-- BEGIN switch_user_logged_in --> 
                                  <div id="user_navigation" class="not_logged_in" style="line-height: 20px;">
                     
                     <ul class="ipsList_inline right">

                        <li>
                           <a href="/profile?mode=editprofile&page_profil=preferences" title="My Profile" id="perfil" class="USERNAME"></a>
                        </li>
                        <li><a  id="inbox_link" href="/privmsg?folder=inbox" title="Messenger"><img src="http://illiweb.com/fa/empty.gif" alt="" />&nbsp;</a></li>
                                                                  <li><a  id="notify_link" href="/search?search_id=watchsearch" title="Notifications"><img src="http://illiweb.com/fa/empty.gif" alt="" />&nbsp;</a></li>
            <li><a href="/login?logout" title="Sign Out">Sign Out</a></li>         
                                    </ul>
                  </div>
                <!-- END switch_user_logged_in -->
                                                                  <!-- BEGIN switch_user_logged_out -->
               
               <div id="user_navigation" class="not_logged_in">
                     
                     <ul class="ipsList_inline right">

                        <li>
                           <span class="services">
                              
                                 <a href=""><img src="http://demo.themetent.com/public/style_images/flatten/loginmethods/facebook.png" alt="Log in with Facebook"></a>
                              
                              
                                 <a href=""><img src="http://demo.themetent.com/public/style_images/flatten/loginmethods/twitter.png" alt="Log in with Twitter"></a>
                              
                              
                           </span>
                           &nbsp;&nbsp;&nbsp;&nbsp;
                           <a href="/login" title="Sign In" id="sign_in">Sign In</a>&nbsp;&nbsp;&nbsp;
                        </li>
                        <li>
                           <a href="/register" title="Create Account" id="register_link">Create Account</a>
                        </li>
                     </ul>
                  </div>
                                                                          <!-- END switch_user_logged_out -->
            </div>
         </div>

He gave me the whole css -.-
Code:
/****************************************************
**Template Adaptado por Mindlezz, de SkinsDev.com,
**Visitanos :D
*****************************************************/
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}
#pun-head {
display: none;
}
#pun-visit.clearfix {
display: none!important;
}
#pun-intro {
display: none;
}

.smalltext {
    font-size: 11px;
}
/*----------[Borrar Subrayados]------------*/
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}
/*----------------FIN---------------*/

 .ipsType_small {
    font-size: 12px !important;
}

html, body {
    color: #555;
}
body {
    font: 13px helvetica,arial,sans-serif;

}
body {
    background: #EDEDED;
}
.main .main-head {
  margin-top: 8px!important;
}
.main .main-head.collapsed {
border-radius: 4px 4px 4px 4px;
opacity: .2;
}
body {
  font-famiy: Arial!important;
}
.pun-crumbs p {
color: #666;
font-size: 11px;
line-height: 1.5;
margin: 0;
}
.pun {
line-height: 130%;
padding: 5px;
margin: 0 auto;
min-width: 960px;
width: 70%!important;
}
/*header*/
#header_bar {
    background: none repeat scroll 0% 0% #141518;
    padding: 0px;
    text-align: right;
}
#branding, #header_bar, #primary_nav {
    min-width: 980px;
}

#limite, .main_width {
}
#limite, .main_width {
    margin: 0px auto;
    min-width: 960px;
}
#limite, .main_width {
    width: 70% !important;
}

#user_navigation {
    color: #9F9F9F;
    font-size: 11px;
}
#user_navigation.not_logged_in {
    height: 26px;
    padding: 6px 0px 4px;
}
#user_navigation a {
    color: #FFF;
    font-size: 11px;
}
#inbox_link {
    background: url('http://www.tibiaking.com/forum/public/style_images/gris/icon_inbox.png') no-repeat scroll center top transparent;
}
#inbox_link, #notify_link {
    height: 15px;
    padding: 11px 24px 8px 12px;
    position: relative;
    vertical-align: middle;
    width: 18px;
}
#notify_link {
    background: url('http://www.tibiaking.com/forum/public/style_images/gris/icon_notify.png') no-repeat scroll center top transparent;
    margin-right: 11px;
}
.ipsHasNotifications {
    background: none repeat scroll 0% 0% #CF2020;
    border-radius: 2px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.1) inset;
    color: rgb(255, 255, 255) !important;
    font-size: 9px;
    height: 12px;
    left: -5px;
    line-height: 12px;
    padding: 0px 4px;
    position: absolute;
    text-align: center;
    top: 4px;
}
#user_link_dd, .dropdownIndicator {
    background: url('http://www.tibiaking.com/forum/public/style_images/gris/header_dropdown.png') no-repeat scroll right center transparent;
    display: inline-block;
    height: 5px;
    margin: 1px 0px 1px 1px;
    width: 9px;
}
.right {
    float: right;
}
ol, ul {
    list-style: none outside none;
}

.ipsList_inline > li {
    display: inline-block;
    margin: 0px 3px;

}

.ipsList_inline > li:first-child {
    margin-left: 0px;
}
#header_bar {
    text-align: right;
}
#user_navigation a {
    color: #FFF;
}
.pun a:link , .ipsVerticalTabbed_tabs li a, .cancel, #footer .block li a:hover, .logoText a:hover {
    color: #AC1E37;
}
.pun a:hover {
    color: #555;
}
img, .input_check, .input_radio {
    vertical-align: middle;
}
fieldset, img {
    border: 0px none;
}
#user_navigation #register_link {
    background: none repeat scroll 0% 0% #DF4C2B;
    border-bottom: 4px solid #BE2F11;
    color: #FFF;
    display: inline-block;
    padding: 3px 8px;
}
#user_navigation #register_link {
      background-color: #BF2A45;
    border-bottom: 4px solid #AC1E37;
}


/*branding*/
#branding {
    background: none repeat scroll 0% 0% #28292D;
    min-height: 120px;
}
.logoText {
    font-weight: 300;
    font-size: 28px;
    color: #FFF;
    text-decoration: none;
    line-height: 120px;
}
.logoText a {
    color: #FFF;
}

#search {
    margin: 45px 0px;
}
.logoText a img {
      margin-top: 43px;
}
/*sarch*/
fieldset, img {
    border: 0px none;
}
.hide {
    display: none;
}
#adv_search {
    width: 16px;
    height: 16px;
    background: url('http://demo.themetent.com/public/style_images/flatten/advanced_search.png') no-repeat scroll right 50% transparent;
    text-indent: -3000em;
    display: inline-block;
    margin: 4px 0px 4px 4px;
}
#search_wrap {
    position: relative;
    background: none repeat scroll 0% 0% #FFF;
    display: block;
    padding: 0px 26px 0px 4px;
    height: 26px;
    line-height: 25px;
    border-width: 1px 1px 2px;
    border-style: solid;
    border-color: #F4F2F2;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    min-width: 230px;
}
#main_search {
    background: none repeat scroll 0px 0px transparent;
    border: 0px none;
    font-size: 13px !important;
    outline: 0px none;
    padding: 0px;
    width: 130px;
    margin-top: 5px;
}
#search_options {
    font-size: 10px;
    height: 20px;
    line-height: 20px;
    margin: 3px 3px 3px 0px;
    padding: 0px 6px;
    border-radius: 3px;
    background: none repeat scroll 0% 0% #EAEAEA;
    display: inline-block;
    float: right;
    max-width: 80px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.clickable {
    cursor: pointer;
}
#search .submit_input {
    background: url('http://demo.themetent.com/public/style_images/flatten/search_icon.png') no-repeat scroll 50% center #ACACAC;
    text-indent: -3000em;
    padding: 0px;
    border: 0px none;
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
}
.maintitle, .buttonRegister, #primary_nav, .general_box h3, .pagination .pages li.active, .pagination .back a:hover, .pagination .forward a:hover, .ipsSideMenu ul li.active a, .ipsVerticalTabbed_tabs li a:hover, .cblock h3.draggable, .popupInner h3, body#ipboard_body fieldset.submit, body#ipboard_body p.submit, #user_navigation #register_link, #footer, #community_app_menu .mega, #more_apps_menucontentul li > a, #community_app_menu div li:hover > a {
    background-color: #BF2A45;
    border-bottom: 4px solid #AC1E37;
}
#primary_nav {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    font-size: 13px;
    padding: 4px 0px 0px;
}

#community_app_menu > li > a {
    color: #FFF;
    display: block;
    padding: 13px 15px;
    margin-top: -4px;
}
#community_app_menu .active > a, #more_apps_menucontentul .active > a, #community_app_menu .active:hover > a {
    background-color: rgba(0, 0, 0, 0.2) !important;
 
 color: rgb(255, 255, 255) !important;
}

#community_app_menu > li {
    margin: 0px 3px 0px 0px;
    position: relative;
}
#community_app_menu > li > a {
    color: #FFF;
    display: block;
    padding: 13px 15px;
    margin-top: -4px;
}
#community_app_menu > li.active > a {
    color: #FFF;
    font-weight: bold;
    text-shadow: none;
}
#community_app_menu > li > a:hover {

    color: rgb(255, 255, 255) !important;
    background-color: rgba(0, 0, 0, 0.2) !important;
}
li.socialIcon a > img {
    opacity: 0.4;
    transition: all 0.5s ease-in-out 0s;
    padding: 5px!mportant;
    margin: 4px 3px!important;
}
li.socialIcon a > img:hover {
opacity: 1;
    padding: 5px!mportant;
    margin: 4px 3px!important;
}
/*index_box*/
.main .main-foot, .main .main-head {
      background-color: #BF2A45;
    border-bottom: 4px solid #AC1E37;
    color: #FFF;
    padding: 15px 15px 16px;
    font-size: 16px;
    font-weight: 300;
    text-align: center;
}
.main .main-foot:hover, .main .main-head:hover {
    background: none repeat scroll 0% 0% rgb(172, 172, 172) !important;
    border-bottom: 4px solid #979696;
}
.main .main-head .page-title {
    color: #FFF;
    font-size: 16px;
    font-weight: 300;
    text-align: center;
font-family: Arial;
}
.main .main-head .page-title h2 {
    color: #FFF;
    font-size: 16px;
    font-weight: 300;
    text-align: center;
font-family: Arial;
}
.main .main-head .page-title .h2 {
    color: #FFF;
    font-size: 16px;
    font-weight: 300;
    text-align: center;
font-family: Arial;
}
.pun table.table td.tcr {
    opacity: 0.5;
      -moz-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
}
.pun table.table td.tcr:hover {
  opacity: 1;
}
.col_c_stats {
    color: rgb(45, 46, 46) !important;
    text-align: right;
}
.ipsType_small {
    font-size: 12px !important;
}
.mini_ava img:hover {
    border-color: #7D7D7D;

}
.mini_ava {
    float: left;
}
.mini_ava img {
    background: none repeat scroll 0% 0% #FFF;
    border: 1px solid #D5D5D5;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    height: 36px;
    margin: 0px 10px;
    padding: 1px;
    width: 36px;
}
.table tbody.statused tr td {
background: white;
border: 0;
font-size: 12px;
vertical-align: middle;
 }
.pun .main-content {
    padding: 9px;
}
.pun .main-content {
    background: none repeat scroll 0% 0% #FFF;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    border: transparent;
}

div#dert_to {
      margin-left: 30px;
}
span.escritorio {
    color: #777;
    font-size: 12px !important;
    line-height: 17px;
}
a.forumtitle {

    font-family: Arial;
    font-size: 15px;
    font-weight: 400;
    text-decoration: none;
}
.pun table.table th {
background-color: transparent;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: transparent;
}
/*topic_body*/
.pun .paged-foot, .pun .paged-head {
    background-color: transparent;
    border: 0;
    padding: 0.6em 1.3em 0.3em;
}

.post_block {
    color: #FFF;
    background: none repeat scroll 0% 0% #28292D;
    border-bottom: 4px solid #141518;
    padding: 0px 10px;
    height: 36px;
    line-height: 36px;
    font-weight: normal;
    font-size: 16px;
}
.post_block:hover {
    background: none repeat scroll 0% 0% rgb(172, 172, 172) !important;
    border-bottom: 4px solid #979696;
}
.post_block span.creator a {
    color: rgb(255, 255, 255) !important;
    font-weight: 100 !important;
}
.post_block span.creator a span {
    color: rgb(255, 255, 255) !important;
    font-weight: 100 !important;
}

.desc_post {
    color: #777;
    float: right;
    font-size: 11px;
    margin-right: 17px !important;
    margin-top: -28px;
    text-align: right;
}
.pun .posthead h2 {
    font-family: Arimo,sans-serif;
    font-size: 12px;
}
.pun .posthead {
    background: none repeat scroll 0% 0% transparent;
    border-bottom: 0px none;
    color: #A4A4A4;
    font-size: 12px !important;
    font-weight: 400;
    margin: 0px 10px 0px 0px;
    padding-top: 10px;
}
.pun .postmain {
    background: none repeat scroll 0% 0% #FFF;
    border-left: 0px none;
    height: 100%;
    margin: 0px 0px 0px 175px;
    padding-left: 12px;
    padding-right: 10px;
}
.pun .post .user {
    float: left;
    font-size: 12px;
    padding: 10px 30px;
    text-align: center;
    width: 150px;
}
.user-basic-info a img:hover {
    border-color: #7D7D7D;
}
.user-basic-info a img {
    background: none repeat scroll 0% 0% #FFF;
    border: 1px solid #D5D5D5;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    max-height: 90px;
    max-width: 90px;
    padding: 1px;
}
.pun .user .user-rank {
    font-size: 12px;
    line-height: 122%;
    margin-top: 6px;
}
.pun .user .user-info {
    color: #A4A4A4;
    font-size: 12px;
    line-height: 19px;
}
.postfoot {
border-bottom: 0;
border-top: 0;
clear: both;
margin-left: -15em;
padding: .5em 1em;
text-align: right;
}
.pun .post {
    background: none repeat scroll 0% 0% #FFF;
  border: 0;
}
  .pun .topic {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.module.main {
    margin: 0px;
    margin-left: 11px !important;
}
/*widgets*/
#right .module.main .main-head {
    background: none repeat scroll 0px 0px #ACACAC;
    color: #FFF;
    font-family: helvetica,arial,sans-serif;
    font-size: 15px !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    padding: 7px 12px;
    border-bottom: 2px solid #979696;
    text-align: left;
}
#right .module.main .main-head:hover {
      background: none repeat scroll 0% 0% #3D9E68!important;
border-bottom: 2px solid #3C855C;
}
/**footer**/
.block {
    float: left;
    width: auto;
    padding: 20px 60px 20px 0px;
}
.block h2 {
    color: #FFF;
    padding: 0px 10px 10px 0px;
    font-size: 12pt;
    font-weight: 300;
    border-bottom: 1px solid #F0F0F0;
}
.block li {
    padding-top: 10px;
    color: #FFF;
}
.block a {
    color: #FFF;
}
#footer_utilities {
    background: none repeat scroll 0% 0% #141518;
    padding: 14px;
    font-size: 11px;
    position: relative;
  height: auto!important
}
#footer_utilities .ipsList_inline > li > a {
    color: #FFF;
    margin-right: 0px;
    padding: 4px 10px;
}
#copyright {
    color: #FFF;
    text-align: right;
}
#copyright a {
    color: #FFF;
}

/*css widget stats*/
#stat_esxd .valor_xd {
    display: inline-block;
    background: none repeat scroll 0% 0% #E2E2E2;
    color: #4A4A4A;
    padding: 10px 15px;
    font-weight: bold;
    border-radius: 2px;
    margin: -10px 0px;
    float: right;
}
 #stat_esxd li {
    margin-bottom: 10px;
    display: block;
    padding: 10px 0px;
}

.valor_xd a {
    color: #4A4A4A!important;
}
/*index_body*/
.statistics h3 {
    background: none repeat scroll 0% 0% #28292D;
    border-bottom: 4px solid #141518;
    font-size: 16px;
    font-weight: 300;
    padding: 15px 15px 16px;
    color: #FFF;
    margin: -10px -10px 10px;
}
.statistics {
    background: none repeat scroll 0% 0% #FFF;
    margin-top: 20px;
    padding: 10px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}
.desc, .desc.blend_links a, p.posted_info {
    font-size: 12px;
    color: #777;
}
.statistics_head {
    font-size: 14px;
    font-weight: bold;
}
#pun-about {
    background-color: transparent;
    border: 0;
    line-height: 150%;
    padding: 0.6em 1em;
    text-align: right;
    font-size: 10px !important;
}
#pun-about #qjump {
    float: left;
    text-align: left;
    display: none;
}
#stats {
    background-color: transparent;
    line-height: 150%;
    padding: 0.6em 1em;
    font-weight: bold !important;
    font-size: 14px;
}
#onlinelist {
    background-color: transparent;
    padding: 0.6em 1em;
    border-top: 0;
}

/*CSS Botón para ir al Panel de administración*/
p#ir_a_pa > strong > a {
      display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    text-align: center;
  vertical-align: middle;
    cursor: pointer;
  border: 1px solid;
    border-radius: 4px;
    color: #FFF;
    background-color: #BF2A45;
    border-color: #AC1E37;
}
p#ir_a_pa > strong > a:active {
  position: relative;
  top: 1px;
}
/*END CSS Botón para ir al Panel de administración*/

/*ranko*/
div#randam {
    inline-block;
    padding: 6px 12px;
    margin-bottom: 0px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.42857;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;

    display: inline-block;


    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #D9534F;
    border-color: #D43F3A;
  color: white;
}
.pun .entry-content {
    overflow: hidden;
    padding-bottom: 0.8em;
    width: 100%;
    line-height: 1.6;
}

/*quotes*/
.postmain blockquote {
background-color: #fcfcfc;
border: 1px solid #e3e3e3;
padding: 10px;
color: #9f9f9f;
margin-bottom: 5px;
margin: 0;
}
.postmain cite, blockquote cite {
margin: -11px -11px 8px;
}
blockquote cite {
background: #f2f2f2 url('http://www.skinbox.net/demo/public/style_images/elegant/highlight.png') repeat-x 0 0;
border: 1px solid #e3e3e3;

font-size: 12px;
overflow-x: auto;
padding: 8px 10px;
color: #535353;
text-shadow: rgba(255,255,255,1) 0px 1px 0px;
}
.codebox {
background: #FCFCFC;
border: 1px solid #dde5ed;
font-size: 11px;
line-height: 170%;
overflow: auto;
padding: 5px;
margin-bottom: 5px;
margin: 0;
}
.codebox dd.cont_code {
max-height: 200px;
overflow: auto;
}
.codebox dt {
border-bottom: 0;
}
.codebox dd {
background-color: transparent;
margin: .5em;
padding: .5em;
}
td.tcr span a:empty:before {
color: #a4a4a4;
content: "No posts to view.";
cursor: default;
font-style: italic;
margin: 1px 0 4px 8px;
pointer-events: none;
text-align: center;
word-wrap: break-word;
}
/*widget stay conected*/
#links_sociales img, #links_sociales {
  display: inline-block;
opacity: 0.7;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
padding: 5px;
}
#links_sociales {
  padding: 0px;
}
#links_sociales:hover {
background: #D1D1D1;
}
#links_sociales img:hover {
  opacity: 1;
}
/*tabs*/
#tabs ul li a {
background-color: #fff;
border: 1px solid #DBDBDB;
float: left;
margin-bottom: -8px;
font-weight: 400;
line-height: 2em;
padding: 0 1em;
text-decoration: none;
color: #353535;
font-size: 12px;
}
#tabs ul li.activetab a {
background-color: #bf2a45!important;
border: 1px solid #831427!important;
color: #FFFFFF;
text-decoration: none;
}

/*edits por mindlezz xD*/
#profile-advanced-right .main-head .h3 em {
-moz-border-radius: 3px!important;
-webkit-border-radius: 3px!important;
background-color: #7ba60d!important;
background-image: url(http://i.imgur.com/EHGpChd.png)!important;
background-position: 0 -1px!important;
background-repeat: repeat-x!important;
border-radius: 3px!important;
color: #fff!important;
cursor: default!important;
font-size: 9px!important;
font-weight: 700!important;
height: 16px!important;
line-height: 16px!important;
padding: 3px 5px!important;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0!important;
text-transform: uppercase!important;
  cursor: pointer!important;
}
#profile-advanced-right .main-content.clearfix.center img:first-child {
width: 138px;
height: 138px;
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
}

/*END edits por mindlezz xD*/

/*css chatbox*/

#chatbox_header.main-head {
background-color: #BF2A45;
border-bottom: 4px solid #AC1E37;
box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
font-size: 13px;
padding: 4px 0 0;
color: white;
line-height: 9px;
}
#chatbox_members {
background: #FFFFFF;
border-right: 1px solid rgba(151, 150, 150, 0.28);
overflow: auto;
position: absolute;
}
.chatbox-title {
float: left;
font-family: Lato;
margin: 3px 0 0;
padding: 2px 5px 0;
width: 15em;
}
.chatbox-title, .chatbox-title a.chat-title {
color: #FFFFFF;
text-decoration: none;
}
#chatbox p span[style="color:green;"], #chatbox p span[style="color:red;"] {
background: rgba(250,250,210,0.07);
border-radius: 2px;
padding: 1px;
}
#chatbox p {
background: #FFF;
background-position: bottom;
border-top: solid 1px rgba(203, 203, 203, 0.28);
border-bottom: 1px solid rgba(252, 252, 252, 0.75);
color: #646464;
font-size: 11px;
line-height: 1.2em;
}
#chatbox p {
line-height: 1.2em;
}
.chatbox-options {
float: right;
list-style: none;
margin: 2px 0px 5px 0px;
color: white!important;
}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: #FFFFFF;
}
#chatbox_members .member-title.online {
background: #3D9E68!important;
color: #FFF;
border: 1px solid #3C855C;
border-top: 0;
font-size: 12px;
padding: .5em .25em;
text-align: center;
box-shadow: inset 0px 1px 2px rgba(255, 255, 255, 0.42);
font-weight: 100!important;
}
#chatbox_members .member-title.away {
background: #ACACAC!important;
color: #FFF;
border: 1px solid #979696;
border-top: 0;
font-size: 12px;
padding: .5em .25em;
text-align: center;
box-shadow: inset 0px 1px 2px rgba(255, 255, 255, 0.42);
font-weight: 100!important;
}
#chatbox_footer {
-webkit-box-shadow: inset rgba(255, 255, 255, 1) 0 0 0 1px;
background: #eee url(http://www.themefreak.net/demo/themes/Sleek/tcat.png) repeat-x;
border: solid 1px #cbcbcb;
display: block!important;
height: 32px;
left: 0;
padding: 0;
position: absolute;
right: 0;
}
#chatbox_messenger_form {
margin: 5px 20px 0;
}
#chatbox_messenger_form #message {
background: rgba(83,80,80,.8);
border: 0;
border-radius: 3px;
color: #fff;
padding: 2px 2px 2px 5px;
}
#chatbox_messenger_form #message {
box-shadow: inset rgba(248, 248, 248, 1) 0 0 0 1px;
background: rgba(255, 255, 255, 0.8);
border-radius: 3px;
color: #fff;
padding: 2px 2px 2px 5px;
border: 1px solid #E1E3E5!important;
}
#submit_button {
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
background: #28292d;
border-bottom: 2px solid #141518;
border-left: 0;
border-right: 0;
border-top: 0;
color: #fff;
display: inline-block;
font-size: 12px;
padding: 4px 6px;
white-space: nowrap;
}
#submit_button:hover {
  background: #acacac;
border-bottom: 2px solid #979696;
color: #fff;
}

#avatar img {
      max-width: 28px;
    margin: 4px;
    vertical-align: middle;
}
.logged_in {
      height: 35px;
}
#pun-visit, .main-box {
    background-color: transparent;
    border: 0;
    font-size: 11px;
  display: none;
}
I Prefer to add this thing via widget if it's possible

So help me ?
this is what I want for unregistered users:

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

In progress Re: header top

Post by Jophy on May 12th 2014, 10:13 am

@DeathDunk98* wrote:wtf dont you hear what Im sayin' the codes the I found they dont work
Please be aware of your language, we will not tolerate posts that sounds disrespectful, as you can see, staff members/members are trying to help you, so there's no need for unwanted words/abbreviations in your posts !

Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

In progress Re: header top

Post by DeathDunk98* on May 12th 2014, 10:25 am

Ok Im sorry, it wont happen again

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

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