Deprecated: str_replace(): Passing null to parameter #3 ($subject) of type array|string is deprecated in /var/www/mybb-es.com/html/inc/plugins/avatarep.php on line 1102

Deprecated: str_replace(): Passing null to parameter #3 ($subject) of type array|string is deprecated in /var/www/mybb-es.com/html/inc/class_language.php on line 201
Botones en header [Ayuda]
Páginas (2):    1 2
MrDarkWood   29 Jul, 2011, 11:29 am
#11
El que tu me dejaste pasaba lo mismo hasta te deje imagen:
[Imagen: Dibujo-22.png]

use el del tutorial que deje arriba y me sale así:
[Imagen: Dibujo-23.png]

Código PHP:
<?php 
body
{
background: #efefef url(images/stateskin/fondostate.png);
color: #000;
font-family: Verdana, Arial, Sans-Serif;
font-size: 13px;
text-align: center; /* IE 5 fix */
line-height: 1.4;
}

a:link {
color: #026CB1;
text-decoration: none;
}

a:visited {
color: #026CB1;
text-decoration: none;
}

a:hover, a:active {
color: #000;
text-decoration: underline;
}

#container {
width: 95%;
background: #fff;
border: 1px solid #e4e4e4;
color: #000000;
margin: auto auto;
padding: 20px;
text-align: left; /* IE 5 fix */
-moz-border-radius:3px;
-
webkit-border-radius:3px;
border-radius:3px;
-
webkit-box-shadow: 0px 0px 5px 0px #050505;
-moz-box-shadow: 0px 0px 5px 0px #050505;
box-shadow: 0px 0px 5px 0px #050505;
padding:10px;
margin:10px;
}

#content {
/* FIX: Make internet explorer wrap correctly */
width: auto !important;

}

.
menu ul {
color: #000000;
font-weight: bold;
text-align: left;
padding: 4px;
}

.
menu ul a:link {
color: #000000;
text-decoration: none;
}

.
menu ul a:visited {
color: #000000;
text-decoration: none;
}

.
menu ul a:hover, .menu ul a:active {
color: #4874a3;
text-decoration: none;
}

#panel {
background: #efefef url(images/stateskin/images/trow1.png) top left repeat-x;
color: #000000;
font-size: 11px;
border: 1px solid #D4D4D4;
padding: 8px;
-
moz-border-radius:3px;
-
webkit-border-radius:3px;
border-radius:3px;
-
webkit-box-shadow: 0px 0px 5px 0px #050505;
-moz-box-shadow: 0px 0px 5px 0px #050505;
box-shadow: 0px 0px 5px 0px #050505;
padding:0px;
margin:0px;
}

#panel .remember_me input {
vertical-align: middle;
margin-top: -1px;
}

table {
color: #000000;
font-family: Verdana, Arial, Sans-Serif;
font-size: 13px;
}

.
tborder {
background: #A9E2F3;
width: 100%;
margin: auto auto;
border: 0px solid #A9E2F3;
}

.
thead {
background: #026CB1 url(images/stateskin/thead_bg.png) top left repeat-x;
color: #ffffff;
-moz-border-radius-topleft: 3px;
-
webkit-border-top-left-radius: 3px;
-
moz-border-radius-topright: 3px;
-
webkit-border-top-right-radius: 3px;
-
moz-border-radius:3px;
-
webkit-border-radius:3px;
border-radius:3px;
-
webkit-box-shadow: 0px 0px 5px 0px #050505;
-moz-box-shadow: 0px 0px 5px 0px #050505;
box-shadow: 0px 0px 5px 0px #050505;

padding:3px;
margin:3px;

font-family: Arial;
}

.
thead a:link {
color: #ffffff;
text-decoration: none;
}

.
thead a:visited {
color: #ffffff;
text-decoration: none;
}

.
thead a:hover, .thead a:active {
color: #ffffff;
text-decoration: underline;
}

.
tcat {
background: #ADCBE7 url(images/stateskin/images/tcatfondo.png) top left repeat-x;
color: #000000;
font-size: 12px;
}

.
tcat a:link {
color: #fff;
}

.
tcat a:visited {
color: #fff;
}

.
tcat a:hover, .tcat a:active {
color: #fff;
}

.
trow1 {
background: #F2F2F2 url(images/stateskin/images/trow1.png) top left repeat-x;
}

.
trow2 {
background: #EFEFEF url(images/stateskin/images/trow2.png) top left repeat-x;
}

.
trow_shaded {
background: #ffdde0;
}

.
trow_selected td {
background: #FFFBD9;
}

.
trow_sep {
background: #e5e5e5;
color: #000;
font-size: 12px;
font-weight: bold;
}

.
tfoot {
background: #026CB1 url(images/stateskin/thead_bg.png) top left repeat-x;
color: #ffffff;
-moz-border-radius:3px;
-
webkit-border-radius:3px;
border-radius:3x;
-
webkit-box-shadow: 0px 0px 5px 0px #050505;
-moz-box-shadow: 0px 0px 5px 0px #050505;
box-shadow: 0px 0px 5px 0px #050505;
padding:3px;
margin:3px;
}

.
tfoot a:link {
color: #ffffff;
text-decoration: none;
}

.
tfoot a:visited {
color: #ffffff;
text-decoration: none;
}

.
tfoot a:hover, .tfoot a:active {
color: #ffffff;
text-decoration: underline;
}

.
bottommenu {
background: #efefef url(images/stateskin/images/fondobotonmenu.png);
color: #000000;
border: 1px solid #4874a3;
padding: 10px;
}

.
navigation {
color: #000000;
font-size: 13px;
font-weight: bold;
}

.
navigation a:link {
text-decoration: none;
}

.
navigation a:visited {
text-decoration: none;
}

.
navigation a:hover, .navigation a:active {
text-decoration: none;
}

.
navigation .active {
color: #000000;
font-size: 13px;
font-weight: bold;
}

.
smalltext {
font-size: 11px;
}

.
largetext {
font-size: 16px;
font-weight: bold;
}

input.textbox {
background: #ffffff;
color: #000000;
border: 1px solid #0f5c8e;
padding: 1px;
}

textarea {
background: #ffffff;
color: #000000;
border: 1px solid #0f5c8e;
padding: 2px;
font-family: Verdana, Arial, Sans-Serif;
line-height: 1.4;
font-size: 13px;
}

select {
background: #ffffff;
border: 1px solid #0f5c8e;
}

.
editor {
background: #f1f1f1;
border: 1px solid #ccc;
}

.
editor_control_bar {
background: #fff;
border: 1px solid #0f5c8e;
}

.
autocomplete {
background: #fff;
border: 1px solid #000;
color: black;
}

.
autocomplete_selected {
background: #adcee7;
color: #000;
}

.
popup_menu {
background: #ccc;
border: 1px solid #000;
}

.
popup_menu .popup_item {
background: #fff;
color: #000;
}

.
popup_menu .popup_item:hover {
background: #C7DBEE;
color: #000;
}

.
trow_reputation_positive {
background: #ccffcc;
}

.
trow_reputation_negative {
background: #ffcccc;
}

.
reputation_positive {
color: green;
}

.
reputation_neutral {
color: #444;
}

.
reputation_negative {
color: red;
}

.
invalid_field {
border: 1px solid #f30;
color: #f30;
}

.
valid_field {
border: 1px solid #0c0;
}

.
validation_error {
background: url(images/invalid.gif) no-repeat center left;
color: #f30;
margin: 5px 0;
padding: 5px;
font-weight: bold;
font-size: 11px;
padding-left: 22px;
}

.
validation_success {
background: url(images/valid.gif) no-repeat center left;
color: #00b200;
margin: 5px 0;
padding: 5px;
font-weight: bold;
font-size: 11px;
padding-left: 22px;
}

.
validation_loading {
background: url(images/spinner.gif) no-repeat center left;
color: #555;
margin: 5px 0;
padding: 5px;
font-weight: bold;
font-size: 11px;
padding-left: 22px;
}

/* Additional CSS (Master) */
img {
border: none;
}

.
clear {
clear: both;
}

.
hidden {
display: none;
float: none;
width: 1%;
}

.
hiddenrow {
display: none;
}

.
selectall {
background-color: #FFFBD9;
font-weight: bold;
text-align: center;
}

.
float_left {
float: left;
}

.
float_right {
float: right;
}

.
menu ul {
list-
style: none;
margin: 0;
}

.
menu li {
display: inline;
padding-left: 5px;
}

.
menu img {
padding-right: 5px;
vertical-align: top;
}

#panel .links {
margin: 0;
float: right;
}

.
expcolimage {
float: right;
width: auto;
vertical-align: middle;
margin-top: 3px;
}

img.attachment {
border: 1px solid #E9E5D7;
padding: 2px;
}

hr {
background-color: #000000;
color: #000000;
height: 1px;
border: 0px;
}

#copyright {
font: 11px Verdana, Arial, Sans-Serif;
margin: 0;
padding: 10px 0 0 0;
}

#debug {
float: right;
text-align: right;
margin-top: 0;
}

blockquote {
border: 1px solid #ccc;
margin: 0;
background: #fff;
padding: 4px;
}

blockquote cite {
font-weight: bold;
border-bottom: 1px solid #ccc;
font-style: normal;
display: block;
margin: 4px 0;
}

blockquote cite span {
float: right;
font-weight: normal;
}

blockquote cite span.highlight {
float: none;
font-weight: bold;
padding-bottom: 0;
}

.
codeblock {
background: #fff;
border: 1px solid #ccc;
padding: 4px;
}

.
codeblock .title {
border-bottom: 1px solid #ccc;
font-weight: bold;
margin: 4px 0;
}

.
codeblock code {
overflow: auto;
height: auto;
max-height: 200px;
display: block;
font-family: Monaco, Consolas, Courier, monospace;
font-size: 13px;
}

.
subforumicon {
border: 0;
vertical-align: middle;
}

.
separator {
margin: 5px;
padding: 0;
height: 0px;
font-size: 1px;
list-
style-type: none;
}

form {
margin: 0;
padding: 0;
}

.
popup_menu .popup_item_container {
margin: 1px;
text-align: left;
}

.
popup_menu .popup_item {
display: block;
padding: 3px;
text-decoration: none;
white-space: nowrap;
}

.
popup_menu a.popup_item:hover {
text-decoration: none;
}

.
autocomplete {
text-align: left;
}

.
subject_new {
font-weight: bold;
}

.
highlight {
background: #FFFFCC;
padding-top: 3px;
padding-bottom: 3px;
}

.
pm_alert {
background: #FFF6BF;
border: 1px solid #FFD324;
text-align: center;
padding: 5px 20px;
margin-bottom: 15px;
font-size: 11px;
}

.
red_alert {
background: #FBE3E4;
border: 1px solid #A5161A;
color: #A5161A;
text-align: center;
padding: 5px 20px;
margin-bottom: 15px;
font-size: 11px;
}

.
high_warning {
color: #CC0000;
}

.
moderate_warning {
color: #F3611B;
}

.
low_warning {
color: #AE5700;
}

div.error {
padding: 5px 10px;
border-top: 2px solid #FFD324;
border-bottom: 2px solid #FFD324;
background: #FFF6BF;
font-size: 12px;
}

div.error p {
margin: 0;
color: #000;
font-weight: normal;
}

div.error p em {
font-style: normal;
font-weight: bold;
padding-left: 24px;
display: block;
color: #C00;
background: url(images/error.gif) no-repeat 0;
}

div.error.ul {
margin-left: 24px;
}

.
online {
color: #15A018;
}

.
offline {
color: #C7C7C7;
}

.
pagination {
font-size: 11px;
padding-top: 10px;
margin-bottom: 5px;
}

.
tfoot .pagination, .tcat .pagination {
padding-top: 0;
}
.
pagination .pages {
font-weight: bold;
}

.
pagination .pagination_current, .pagination a {
padding: 2px 6px;
margin-bottom: 3px;
}

.
pagination a {
border: 1px solid #81A2C4;
}

.
pagination .pagination_current {
background: #F5F5F5;
border: 1px solid #81A2C4;
font-weight: bold;
color: #000;
}

.
pagination a:hover {
background: #F5F5F5;
text-decoration: none;
}

.
thread_legend, .thread_legend dd {
margin: 0;
padding: 0;
}

.
thread_legend dd {
padding-bottom: 4px;
margin-right: 15px;
}

.
thread_legend img {
margin-right: 4px;
vertical-align: bottom;
}

.
forum_legend, .forum_legend dt, .forum_legend dd {
margin: 0;
padding: 0;
}

.
forum_legend dd {
float: left;
margin-right: 10px;
}

.
forum_legend dt {
margin-right: 10px;
float: left;
}

.
success_message {
color: #00b200;
font-weight: bold;
font-size: 10px;
margin-bottom: 10px;
}

.
error_message {
color: #C00;
font-weight: bold;
font-size: 10px;
margin-bottom: 10px;
}

.
post_body {
padding: 5px;
}

.
post_content {
padding: 5px 10px;
}

.
quick_jump {
background: url(images/jump.gif) no-repeat 0;
width: 13px;
height: 13px;
padding-left: 13px; /* amount of padding needed for image to fully show */
vertical-align: middle;
border: none;
}

.
repbox {
font-size:16px;
font-weight: bold;
padding:5px 7px 5px 7px;
}

.
_neutral {
background-color:#FAFAFA;
color: #999999;
border:1px solid #CCCCCC;
}

.
_minus {
background-color: #FDD2D1;
color: #CB0200;
border:1px solid #980201;
}

.
_plus {
background-color:#E8FCDC;
color: #008800;
border:1px solid #008800;
}

.
pagination_breadcrumb {
background-color: #f5f5f5;
border: 1px solid #fff;
outline: 1px solid #ccc;
padding: 5px;
margin-top: 5px;
font-weight: normal;
}

.
pagination_breadcrumb_link {
vertical-align: middle;
cursor: pointer;
}

#container {
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 5px 5px 5px 5px;
border: 1px solid #1E90FF;
color: #333333;
margin: 0 auto;
text-align: left;
width: 900px;

#navi {
list-style:none;
margin:0;
padding:0;
}
#navi li {
margin:2px;
padding:0;
float:left;
}
#navi li a {
display:block;
width:100px;
padding:4px 0;
text-decoration:none;
text-align:center;
font-size:11px;
color:#FFFFFF;
background-color:#000000;
}
#navi li a:hover {
color:#99CC00;
background-color:#003366;
}

Ese es mi global.css completo
Omar G.   29 Jul, 2011, 11:49 am
#12
Pasame una cuenta de prueba con permisos de ACP por favor.
MrDarkWood   29 Jul, 2011, 12:41 pm
#13
Alguna otra plantilla que les tenga que dar? Confused
Omar G.   29 Jul, 2011, 12:47 pm
#14
Debería de funcionar así si es que lo estas colocando en el global.css correcto.

Ya vi mi código de nuevo y no veo razón para que falle a parte de lo mencionado.

Coloca esto donde habías colocado mi código, saca imagen y colócala aquí por favor ^^
Código PHP:
<?php 
<style type="text/css">
ul.menu {
margin:0px;
padding:0px;
width:100%;
}
ul.menu li {
display:inline;
margin:0px 3px;
padding:5px;
border:1px solid #3d83f1;
background: #6db3f2;
background: -moz-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db3f2), color-stop(50%,#54a3ee), color-stop(51%,#3690f0), color-stop(100%,#1e69de));
background: -webkit-linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%);
background: -o-linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%);
background: -ms-linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 );
background: linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%);
}
</
style>
<
ul class="menu">
<
li>Foro</li>
<
li>Portal</li>
<
li>Soporte</li>
<
ul>
MrDarkWood   29 Jul, 2011, 1:53 pm
#15
O:]
Allí va quedando:
[Imagen: Dibujo-24.png]
Big Grin

Solamente que está muy abajo del #panel y del header, pero bueno, así me gusto Big Grin
será cosa mía modificarle lo demás Wink

por cierto en el header está bien, pero me gustarían los botones un poco más arriba del #panel.

Gracias!.
Omar G.   30 Jul, 2011, 12:46 am
#16
en ul.menu agrega un margin-top:10px;

Funciona por que o no limpiaste tu cache bien o no colocaste el codigo en el global.css correcto.
MrDarkWood   30 Jul, 2011, 1:24 pm
#17
Pues el último código que me diste, el cual es este:
Código PHP:
<?php 
<style type="text/css">
ul.menu {
margin:0px;
padding:0px;
width:100%;
}
ul.menu li {
display:inline;
margin:0px 3px;
padding:5px;
border:1px solid #3d83f1;
background: #6db3f2;
background: -moz-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db3f2), color-stop(50%,#54a3ee), color-stop(51%,#3690f0), color-stop(100%,#1e69de));
background: -webkit-linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%);
background: -o-linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%);
background: -ms-linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 );
background: linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%);
}
</
style>
<
ul class="menu">
<
li>Foro</li>
<
li>Portal</li>
<
li>Soporte</li>
<
ul>

lo puse en el Header y borré lo que estaba en el Css y así funciono ^^

Veré lo que dices Big Grin

Bueno, funcionó, pero ahora me gustaría saber como le quito ese degradado y le pongo una imagen normal y una imagen en el hover? Gracias Big Grin
MrDarkWood   30 Jul, 2011, 2:40 pm
#18
Bueno, ya quedo modificado el header:
[Imagen: Dibujo-25.jpg]

Así que pueden cerrar este tema.

Gracias Wink
Páginas (2):    1 2
  
Powered By MyBB, © 2002-2024 MyBB Group.
Made with by Curves UI.