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.

Center banner help?

View previous topic View next topic Go down

In progress Center banner help?

Post by DK on November 4th 2012, 12:42 am

How can I center my banner?
It's invision
http://spacebound.forumotion.com/

DK
Forumember

Male Posts : 609
Reputation : 13
Language : English

http://ourworldhub.forumotion.com/forum

Back to top Go down

In progress Re: Center banner help?

Post by -Cake- on November 4th 2012, 12:49 am

Well i am unsure if this works for invison but..
Display>Homepage>Headers and navigation>
Logo Postinong: Click Center
Menu postion: Click center

-Cake-
New Member

Female Posts : 18
Reputation : 1
Language : English.
Location : Milky way, Milkshake Planet.

Http://www.musicjams.forumotion.com

Back to top Go down

In progress Re: Center banner help?

Post by DK on November 4th 2012, 12:58 am

That doesn't work. I need a CSS code to center it.

DK
Forumember

Male Posts : 609
Reputation : 13
Language : English

http://ourworldhub.forumotion.com/forum

Back to top Go down

In progress Re: Center banner help?

Post by Tonight on November 4th 2012, 1:55 am

Code:
    #pun-logo {
        left: 50%;
        margin-left: -210px;
        margin-top: -15px;
        position: absolute;
    }

Tonight
Forumember

Male Posts : 241
Reputation : 63
Language : Estonian, English, Russian
Location : Estonia

Back to top Go down

In progress Re: Center banner help?

Post by DK on November 4th 2012, 2:06 am

That doesn't work either.
Here's my CSS.
Code:
body {
background-position: 50% 0%;
  color: rgba(255, 255, 255, 0.8);
color: #EEE;
  background-repeat: no-repeat;
background-color: black;
}
::selection {
color: white;
background: #757575;
}
div#logostrip #logo {
float: left;
}
a:link {
text-decoration: none !important;
}
table.ipbtable .forum-name a, table.ipbtable.index-box, table.ipbtable.index-box a {
font-weight: 700;
text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
}
.ipbtable.calendar .calday {
color: white;
}
#ipbwrapper {
width: 90% !important;
min-width: 980px !important;
}
div#logostrip {
opacity: 0.8;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
overflow: hidden;
}
#logostrip #logo img:hover {
opacity: 1;
}
#logostrip #logo img {
opacity: 0.7;
}
div#submenu, #gfooter {
background: url('http://i1150.photobucket.com/albums/o619/skin_forumotion/source/primarynav_bg.png') repeat-x top left;
min-height: 34px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
box-shadow: 1px 1px 3px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.15);
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.15);
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.15);
text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.6);
  padding: 0;
  padding-left: 15px;
}
#submenu ul {
list-style: none;
text-align: left;
font-size: 13px;
float: center;
}
#submenu ul li a.mainmenu {
color: #ACACAC;
display: inline-block;
outline: none;
padding: 0px 12px;
line-height: 22px;
height: 24px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
margin: 4px 1em 0.65em 0;
}
#submenu ul li a.mainmenu img {
display: none;
}
#submenu ul li a:hover {
background-color: rgba(255, 255, 255, 0.1);
color: white;
text-shadow: 1px 1px 5px rgba(255, 255, 255, 0.8);
}
.mainmenu:first-child, ul.privmsg li a, #submenu ul li a:active {
background: url("http://i1150.photobucket.com/albums/o619/skin_forumotion/source/trans30.png") repeat;
background: rgba(0, 0, 0, 0.3);
color: white;
box-shadow: 0 1px 0 rgba(255,255,255, 0.1), inset 0 1px 5px rgba(0,0,0,1);
-webkit-box-shadow: 0 1px 0 rgba(255,255,255, 0.1), inset 0 1px 5px rgba(0,0,0,1);
-moz-box-shadow: 0 1px 0 rgba(255,255,255, 0.1), inset 0 1px 5px rgba(0,0,0,1);
position: relative;
}
#navstrip li a:hover {
color: #E0DCDC;
}
#userlinks {
height: 20px;
background: transparent url('http://i1150.photobucket.com/albums/o619/skin_forumotion/source/bg-footerbar.png') repeat-x top left;
border: 1px solid #2B2B2B;
color: #616B71;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
box-shadow: 0 1px 10px rgba(0, 0, 0, 1);
-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 1);
-webkit-box-shadow: 0 1px 10px rgba(0,0,0,1);
position: fixed;
width: 89%;
bottom: 14px;
z-index: 900;
}
#search_menu {
border-radius: 8px;
background: rgba(0, 0, 0, 0.9);
box-shadow: 0 4px 8px rgba(0,0,0,0.8);
-webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.8);
-moz-box-shadow: 0 4px 8px rgba(0,0,0,0.8);
border-radius: 4px;
-moz-border-radius: 4px;
}
#search_menu input.post {
background: rgba(51, 51, 51, 0.5);
border-radius: 6px;
}
#outer-wrapper {
background: url('') repeat;
background: rgba(0, 0, 0, 0.4);
box-shadow: 0 2px 18px rgba(0,0,0,0.6), inset 0 2px 0 rgba(255,255,255,0.15);
-webkit-box-shadow: 0 2px 18px rgba(0,0,0,0.6), inset 0 2px 0 rgba(255,255,255,0.15);
-moz-box-shadow: 0 2px 18px rgba(0,0,0,0.6), inset 0 2px 0 rgba(255,255,255,0.15);
margin: 20px auto 0 auto;
border: 1px solid black;
border: 1px solid rgba(0, 0, 0, 0.3);
padding: 10px;
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
  float: left;
  width: 98% !important;
min-width: 980px !important;
}


div.maintitle, .darkrow, .bar {
background: url("http://i1150.photobucket.com/albums/o619/skin_forumotion/source/trans30.png") repeat;
background: rgba(0, 0, 0, 0.3);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
color: white;
text-shadow: -1px -1px 1px black;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border: 1px solid rgba(0, 0, 0, 0.4);
padding: 10px;
font-size: 16px;
font-weight: normal;
overflow: hidden;
}

thead, tfoot {
display: none !important;
}
.row2.icon {
width: 50%;
}
.centered {
width: 10%;
}
table.ipbtable td {
border-top: 1px solid rgba(255, 255, 255, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.formsubtitle, .formbuttonrow, .borderwrap .subtitle, .post-footer {
background: transparent !important;
}
.box-content.profile, .box-content, .post {
border: none;
}
div.maintitle .contract, div.maintitle .expand {
visibility: hidden;
background: url('http://i1150.photobucket.com/albums/o619/skin_forumotion/source/cat_minimize.png') no-repeat;
text-indent: -3000em;
width: 32px;
height: 22px;
margin: -5px -5px -10px 0;
display: inline-block;
float: right;
}

div.maintitle:hover .contract, div.maintitle:hover .expand {
visibility: visible;
}
div.maintitle .expand {
cursor: hand;
background: url(http://i1150.photobucket.com/albums/o619/skin_forumotion/source/cat_maximize.png) no-repeat 50% 50%;
}

.forum-desc, .module .box-content {
color: rgba(255, 255, 255, 0.5);
font-size: 11px;
}



.button, .popmenubutton a, .exthelp, .rte-menu-button {
color: #C7C7C7;
text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0px;
background: url('http://i1150.photobucket.com/albums/o619/skin_forumotion/source/highlight.png') repeat-x 0 0;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(transparent));
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, transparent 100%);
background-image: linear-gradient(top, rgba(255, 255, 255, 0.1), transparent);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.15);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
height: 22px;
line-height: 22px;
padding: 0 10px;
text-decoration: none;
margin-left: 4px;
  border: none ;
}
.button:hover, .popmenubutton a:hover {
background-color: rgba(255, 255, 255, 0.1);
color: white;
text-shadow: white 0px 0px 4px;
}
button.button2, input.button2 {
background: #333;
border: none;
border-radius: 4px;
padding: 4px;
}
button.button2:hover, input.button2:hover {
border: none;
background: #222;
}
.dd-textarea {
margin: 0 0 6px 0;
width: 98%;
}
.inputbox, input, #text_editor_textarea, .ipbform2 dl dd textarea.inputbox, #textarea_content iframe#text_editor_iframe, form[name="post"] div.clearfix {
padding: 6px;
border: 1px solid #383838;
background: #292929 ;
color: #B7B7B7;
text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0px;
-webkit-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px;
-moz-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px;
box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px;
}


div.errorwrap h4, div.infowrap h4 {
background-color: transparent;
margin: 0 0 15px 0;
padding: 5px 20px 5px 20px;
font-size: 15px;
font-weight: bold;
background-color: #111;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
display: inline-block;
margin: 10px;
}

div.errorwrap, div.infowrap {
-moz-box-shadow: 0 -1px 2px #C23B22, 0 1px 1px rgba(255,255,255,0.1) inset;
-webkit-box-shadow: 0 -1px 2px #C23B22, 0 1px 1px rgba(255,255,255,0.1) inset;
box-shadow: 0 -1px 2px #C23B22, 0 1px 1px rgba(255,255,255,0.1) inset;
text-shadow: 0 2px 0 rgba(0, 0, 0, 1);
background: #1C1C1C;
border: #111 solid 1px;
border-bottom: #111 solid 3px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 3px;
-webkit-border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-bottomright: 0;
color: #DEDEDE;
font-size: 15px;
line-height: 1.5;
}




/*---body----*/
.postbody-head.postdetails, .post .post-header {
vertical-align: middle;
margin: 0;
background: url(http://i1150.photobucket.com/albums/o619/skin_forumotion/source/bg-maintitle.png) repeat-x 0px 50%;
border-radius: ;
padding: 0px 10px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.postprofile-head.post-header {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.popupmenu, .member, div.overview, #at15s, #at16nms, #at16p, #at16p form input, #at16p form textarea, #at16p label, #at_msg, #at_share .at_item {
background: url("") repeat;
background: rgba(0, 0, 0, 0.7);
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
box-shadow: inset 0 -1px 0 rgba(255,255,255,0.15);
-webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.15);
-moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.15);
margin-bottom: 10px;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.popupmenu li {
background: transparent;
border-top: 1px solid rgba(255, 255, 255, 0.0976563);
border-bottom: 1px solid rgba(0, 0, 0, 0.0976563);
}
.smileys, .topic-footer {
background: transparent;
}


.module.borderwrap {
background: url("") repeat;
background: rgba(0, 0, 0, 0.2);
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
box-shadow: inset 0 -1px 0 rgba(255,255,255,0.15);
-webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.15);
-moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.15);
margin-bottom: 10px;
padding: 10px;
}
.module .maintitle {
padding: 5px;
background: none;
border: none;
}
.module .maintitle h3 {
float: none;
text-shadow: -1px -1px 1px black;
background: url("http://i1150.photobucket.com/albums/o619/skin_forumotion/source/trans30.png") repeat;
background: rgba(0, 0, 0, 0.3);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
border: 1px solid rgba(0, 0, 0, 0.4);
text-shadow: -1px -1px 1px black;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 8px;
margin: -6px -6px 15px -6px;
color: #B5B5B5;
  font-size: 11px;
}


.post-icon a img:hover, .posting-icons li a img:hover, .posting-icons li img:hover, .misc-icons li a img:hover {
opacity: 1;
background: rgba(251, 251, 251, 0.06);
}
.post-icon a img, .posting-icons li a img, .posting-icons li img, .misc-icons li a img {
border-radius: 3px;
opacity: 0.7;
margin: 0 2px;
}
.post-icon a img {
border-radius: 8px;
}


blockquote, .codebox.contcode, .spoiler {
background: rgba(51, 51, 51, 0.5);
border-radius: 6px;
border: 1px dotted #C7FF0D;
}
blockquote cite, .codebox dt, .spoiler dt {
border-top-left-radius: 6px;
border-top-right-radius: 6px;
background: #333;
color: #C7FF0D;
border-bottom: 1px dotted #C7FF0D;
}
.codebox.contcode {
border: 1px dotted #F33;
}
.codebox dd {
background: transparent;
border: none;
}
.codebox dt {
border-bottom: 1px dotted #F33;
color: #F33;
}
.spoiler {
border: 1px dotted #386AFF;
}
.spoiler dt {
border-bottom: 1px dotted #386AFF;
color: #386AFF;
}

    .LGlike {
      background: #105289;
      padding: 3px;
      border-radius: 4px;
      color: #fff;
      font-size: 10px;
      font-weight: bold;
      text-shadow: -1px 0.5px #888;
      box-shadow: 1px 1px 1px #888;
      cursor: pointer;
      margin-right: 4px;
    }
    .LGvote { margin: 0 5px; }
    .LGnovote {
      filter:Alpha(opacity=50);
      opacity: 0.5;
      cursor: default;
      box-shadow: none;
      text-shadow: none;
    }

DK
Forumember

Male Posts : 609
Reputation : 13
Language : English

http://ourworldhub.forumotion.com/forum

Back to top Go down

In progress Re: Center banner help?

Post by SLGray on November 4th 2012, 4:41 pm

Is this solved as the banner looks centered to me?


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


SLGray
Administrator
Administrator

Male Posts : 36648
Reputation : 2443
Language : English
Location : United States

http://ztwds.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