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.

Center banner help?

4 posters

Go down

In progress Center banner help?

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

How can I center my banner?
It's invision
http://spacebound.forumotion.com/
DK
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- 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-
-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 November 4th 2012, 12:58 am

That doesn't work. I need a CSS code to center it.
DK
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 November 4th 2012, 1:55 am

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

Male Posts : 312
Reputation : 80
Language : Estonian, English, Russian
Location : Estonia

Back to top Go down

In progress Re: Center banner help?

Post by DK 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
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 November 4th 2012, 4:41 pm

Is this solved as the banner looks centered to me?


Center banner help? 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 : 51489
Reputation : 3519
Language : English
Location : United States

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

Back to top Go down

Back to top

- Similar topics

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