05.04.2014, 16:02
wersja skryptu MyBB:1.6.10
adres forum:cs-goodshot.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):
Witam, otoz mam taki problem, dodalem na pasku menu nowe przyciski ale gdy zmienie rozdzielczosc na mniejsza to te menu sie rozwala ponizej przedstawie o co mi chodzi :
http://pictap.pl/di-2BB8NLZ6.jpg
chcialbym zatem zrobic cos takiego dla uzytkownika
Panel Gracza:nick
i w tym znajdowalo by sie rozsuwane menu z roznymi opcjami, ale problem tkwi w tym iz nigdy takiego czegos nie robilem wiekszosc robie metoda prob i bledow zatem prosze o wasza pomoc ponizej przedstawie kod menu ktore mam w tej chwili
adres forum:cs-goodshot.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):
Witam, otoz mam taki problem, dodalem na pasku menu nowe przyciski ale gdy zmienie rozdzielczosc na mniejsza to te menu sie rozwala ponizej przedstawie o co mi chodzi :
http://pictap.pl/di-2BB8NLZ6.jpg
chcialbym zatem zrobic cos takiego dla uzytkownika
Panel Gracza:nick
i w tym znajdowalo by sie rozsuwane menu z roznymi opcjami, ale problem tkwi w tym iz nigdy takiego czegos nie robilem wiekszosc robie metoda prob i bledow zatem prosze o wasza pomoc ponizej przedstawie kod menu ktore mam w tej chwili
Kod PHP:
#belka_LogSzu { background:#FF6600 url(images/fussdes/thead.png) repeat-x 100% 50%; color:#fff; border:1pxsolid rgba(255,255,255,0.2); border-bottom: 1px solid rgba(255,255,255,0.2); text-shadow:0px -1px 0px rgba(0,0,0,0.4); height:36px;}.szerokosc_all { min-width: 100%; max-width: 100%; width: 100%; margin: auto;}#navigacja1 { color:#9f9f9f; font-size:11px; line-height:36px; height:45px; overflow:hidden; float:left;}#navigacja1 a { color:#000000; float:left; padding:0 13px; line-height:42px; outline:none; height:45px; border-left:1px solid rgba(0, 0, 0, 0.13);}#navigacja1 a:hover { background:#232323; background:rgba(85, 85, 85, 0.21);}#navigacja1 img { float:left; padding-top: 13px; height:16px;}#navigacja2 { color:#9f9f9f; font-size:11px; line-height:42px; height:45px; overflow:hidden; float:left;}#navigacja2 a { color:#eee; float:left; padding:0 13px; line-height:42px;
outline:none;
height:45px;
border-left:1px solid rgba(0, 0, 0, 0.13);
}
#navigacja2 a:hover {
background:#232323;
background:rgba(85, 85, 85, 0.21);
}
#navigacja2 img {
padding-top: 9px;
float:left;
height:26px;
width:26px;
}
#navigacja3 {
font-size:11px;
line-height:36px;
height:45px;
overflow:hidden;
float:left;
}
#navigacja3 a {
float:left;
padding:0 13px;
line-height:36px;
outline:none;
height:45px;
}
#navigacja3 img {
float:left;
padding-top: 10px;
height:16px;
}
#navigacja4 {
color:#000000;
float:left;
line-height:42px;
outline:none;
border-left:1px solid rgba(0, 0, 0, 0.13);
}
#navigacja4 a {
color:#000000;
float:left;
padding:0 13px;
outline:none;
height:45px;
}
#navigacja4 a:hover {
background:#232323;
background:rgba(85, 85, 85, 0.21);
}
#navigacja5 {
color:#000000;
float:left;
line-height:42px;
outline:none;
height:45px;
border-left:1px solid rgba(0, 0, 0, 0.13);
}
#navigacja5 a {
color:#000000;
float:left;
padding:0 13px;
outline:none;
height:45px;
}
#navigacja5 a:hover {
background:#232323;
background:rgba(85, 85, 85, 0.21);
}
#useravy {
position:relative;
height:28px;
width: 28px;
width:auto;
}
.menu_glowne_activ {
margin-top: -17px !important;
height: 70px;
width: 134px;
padding: 15px 0 0 0;
text-transform: uppercase;
text-shadow: 0 0 5px #000;
background: url(images/fussdes/przycisk.png) no-repeat;
color: #E0E0D4;
font-weight: bold;
}
#menu_logowania {
height: 85px !important;
position: e;
border-top: 1px solid #13A383;
border-bottom: 0;
background: url(images/fussdes/mentlo.png) repeat-x top;
font-size:12px;
text-align:left !important;
margin-bottom: -15px !important;
}
#menu1 {
font-size: 12px;
text-transform: uppercase;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
float: left;
padding: 3px 0 0 0;
display: inline-block;
list-style: none;
}
#menu1 li {
margin: 0px -1px 0 0;
position: relative;
float: left;
text-shadow: 0 1px 8px rgba(0, 0, 0, 0.4) inset !important;text-transform: uppercase;
color: #d4d4d4 !important;
font-weight: bold;
font-family: "Calibri";text-align: center !important;font-size: 15px !important;position: relative;
}
#menu1 li a {
height: 70px;
width: 134px;
text-transform: uppercase;
color: #E0E0D4;
display: block;
padding: 1px 1px;
text-shadow: 0 1px 8px rgba(0, 0, 0, 0.4) inset;
font-weight: bold;
}
#menu1 li a:hover {
margin-top: -17px !important;
height: 70px;
width: 134px;
padding: 15px 0 0 0;
text-transform: uppercase;
text-shadow: 0 0 5px #000;
background: url(images/fussdes/przycisk.png) no-repeat;
color: #E0E0D4;
font-weight: bold;
}
#menu_logowania1 {font-size: 11px;}
#menu_logowania1 a {
color: #FFFFFF;
float: left;
padding: 0 13px;
line-height: 36px;
outline: none;
height: 36px;
border-right: 1px solid #292929;
text-decoration: none;
}
#menu_logowania1 a:hover {
background: #232323;
background: rgba(255,255,255,0.04);
text-decoration: none;
}
#menu_logowania1 img {
float:left;
padding-top: 10px;
height:16px;
}
#menu_logowania2 a {
color: #FFFFFF;
padding: 0 13px;
line-height: 36px;
outline: none;
height: 36px;
text-decoration: none;
}
#menu_logowania3 a {
color:#eee;
float:left;
padding:0 13px;
line-height:36px;
outline:none;
height:36px;
border-left:1px solid rgba(0, 0, 0, 0.13);
}
#menu_logowania3 a:hover {
background:#232323;
background:rgba(85, 85, 85, 0.21);
}
#menu_logowania3 img {
float:left;
padding-top: 4px;
height:28px;
}
/***********************************************************************/
*/
#search {
color: #556b85;
font-size: 0.85em;
margin: 10px 10px auto auto;
position: relative;
right: 0px;
float: right;
display: block;
}
#search .submit_input {
background: url(images/fussdes/search_icon.png) no-repeat;
text-indent: -3000em;
width: 26px;
height: 26px;
border: 0;
padding: 0;
float: left;
-webkit-box-shadow:0px 2px 4px rgba(0,0,0,0.2);
-moz-box-shadow:0px 2px 4px rgba(0,0,0,0.2);
box-shadow:0px 2px 4px rgba(0,0,0,0.2);
}
#search input#main_search {
padding-top: 3px;
padding-left: 3px;
border: 0;
width: 120px;
background-color: #fff;
color: #ACA899;}#search_wrap {background: #fff;float: left;height: 24px;width: 120px;padding: 1px 5px 0 0;border: 0;-moz-border-radius:3px 4px 4px 3px;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:3px;border-radius:3px 0px 0px 3px;-webkit-box-shadow:0px 2px 4px rgba(0,0,0,0.2);-moz-box-shadow:0px 2px 4px rgba(0,0,0,0.2);box-shadow:0px 2px 4px rgba(0,0,0,0.2);}#adv_search { width: 23px; height: 20px; margin: 3px; background: url(images/fussdes/advanced_search.png) no-repeat 50%; text-indent: -3000em; float: left; display: inline-block; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}#forum_search { width: 52px; height: 25px; background: url(images/fussdes/szukajkaforum.png) no-repeat 50%; text-indent: -3000em; float: left; display: inline-block; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;-webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.2);-moz-box-shadow:0px 0px 4px rgba(0,0,0,0.2);box-shadow:2px 2px 4px rgba(0,0,0,0.2);} #adv_search:hover { background-color: #ba3737; border-radius: 3px 3px 3px 3px; width: 5px; height: 5px;}/***************************************************************************/.bannerystrglowna { border:1px solid #303030;
margin-top: -2%; -webkit-box-shadow:inset rgba(0, 0, 0, 0.4) 0px 1px 6px; -moz-box-shadow:inset rgba(0,0,0,0.4) 0px 1px 6px; box-shadow:inset rgba(0, 0, 0, 0.4) 0px 1px 6px; text-shadow:rgba(0, 0, 0, 0.8) 0px -1px 0px; -moz-border-radius:3px; -webkit-border-radius:3px;
border-radius:3px;
color:#DDD;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
line-height:140%;
margin-bottom:10px;
padding:10px;
}
/***************************************************************************/
.obramowanie1{
/*background: #f4fcff;*/
/*border: solid 1px #cccccc;*/
border-radius:4px;
}
.forumbit_trow1 {
border-top: 1px solid rgb(17, 16, 16);
background: url(images/fussdes/trow.png) 50% 0% repeat-x rgb(29, 27, 27);
vertical-align: middle;
padding: 10px;
color: #898989;
line-height: 17px;
}
.forumbit_trow2 {
background: url(images/fussdes/trow.png) 50% 0% repeat-x rgb(37, 36, 36);
border-bottom: 1px solid rgb(17, 16, 16);
vertical-align: middle;
padding: 10px;
color: #898989;
line-height: 17px;
padding-left: 10px;
}
.forumbit_trow2 a {color: #eeeeee; font: normal 11px helvetica, arial, sans-serif;}
.forumbit_trow3 {
padding-right: 5px;
padding-left: 5px;
vertical-align: middle;
width:15%;
text-align:right;
background: url(images/fussdes/trow.png) 50% 0% repeat-x rgb(37, 36, 36);
border-bottom: 1px solid rgb(17, 16, 16);
}
.forumbit_trow3 a:hover {
padding-right: 5px;
padding-left: 5px;
vertical-align: middle;
width:15%;
text-align:right;
background: url(images/fussdes/trow.png) 50% 0% repeat-x rgb(29, 27, 27);
border-bottom: 1px solid rgb(17, 16, 16);
}
.forumbit_trow4 {
background: url(images/fussdes/trow.png) 50% 0% repeat-x rgb(37, 36, 36);
border-bottom: 1px solid rgb(17, 16, 16);
border-right: 1px solid rgb(17, 16, 16);
vertical-align: middle;
padding: 10px;
color: #777777;
line-height: 17px;
padding-right: 10px;
}
.forumbit_trow4 a {color: #eeeeee;}
.favimg {
border:1px solid #515151;
background:#CCCCCC;
-webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow:0px 2px 2px rgba(0,0,0,0.1);
padding: 1px;
}
/*************************************************************/
.ipbfs_titlebox {
background:#1a1a1a;
border:1px solid #303030;
text-shadow:0px -1px 0px rgba(0,0,0,0.4);
color: #eeeeee;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:inset rgba(0,0,0,0.1) 0px 1px 4px;
-moz-box-shadow:inset rgba(0,0,0,0.1) 0px 1px 4px;
box-shadow:inset rgba(0,0,0,0.1) 0px 1px 4px;
padding:10px;
overflow:hidden;
}
.ipsUserPhoto {
padding: 1px;
border: 1px solid #515151;
background: #393939;
-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);
}
.ipsUserPhotoLink:hover .ipsUserPhoto {
border-color: #7d7d7d;
}
.ipsUserPhoto_variable { max-width: 155px; }
.ipsUserPhoto_large { width: 90px; height: 90px; }
.ipsUserPhoto_medium { width: 50px; height: 50px; }
.ipsUserPhoto_mini { width: 30px; height: 30px; }
.ipsUserPhoto_tiny { width: 20px; height: 20px; }
.ipsUserPhoto_icon { width: 16px; height: 16px; }
.ipsUserPhoto_inset { width: 25px; height: 25px; position: absolute; margin-left:-22px; margin-top: 30px; }
.ipsType_pagetitle, .ipsType_subtitle {
font: 300 26px/1.3 Helvetica, Arial, sans-serif;
color: #eeeeee;
text-shadow:0px -1px 0px rgba(0,0,0,0.4);
}
.tlo_boczne {
width:100%;
background: #f4fcff;
padding: 4px;
border: solid 1px #cccccc;
border-radius:4px;
}
.GG_boczne {
background:#91b445;padding: 1px 6px;-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-top: 1px solid #9fbd5d;
text-shadow: 0px -1px 0px #677f33;
color: #fff;
border-radius: 4px;
}
/********************************************************/
.ver_sub {
margin: 0;
padding: 0;
list-style: none;
font-size: 12px;
}
.ver_sub li {
width: 50%;
float: left;
}
/********************************************************/
.prifix_wzor {
background:#91b445;
padding: 3px 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-top: 1px solid #9fbd5d;
text-shadow: 0px -1px 0px #677f33;
color: #fff;
border-radius: 4px;
}
.prifix_info {
background:#0c6db8;
padding: 1px 6px;
text-shadow: 0px -1px 0px #677f33;
color: #fff;
border-radius: 4px;
}
/***********************************************************/
.statround {
-webkit-border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-radius: 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-box-shadow: rgba(255, 255, 255, 0.031) 0px 1px 0px 0px inset;
align-content: stretch;
align-items: stretch;
align-self: stretch;
background: #2b2b2b url(images/fussdes/highlight_reallyfaint.png) repeat-x;
border-radius: 3px;
box-shadow: rgba(255, 255, 255, 0.031) 0px 1px 0px 0px inset;
color: #FFFFFF;
display: inline-block;
flex: 0 1 auto;
flex-basis: auto;
flex-direction: row;
flex-flow: row;
flex-grow: 0;
flex-shrink: 1;
flex-wrap: nowrap;
font: normal normal 700 11px/13.2px Tahoma;
height: 13px;
justify-content: flex-start;
list-style: none;
margin: 0px 3px 0px 0px;
order: 0;
padding: 3px 7px;
resize: none;
text-align: center;
text-decoration: none;
text-shadow: rgba(0, 0, 0, 0.804) 0px -1px 0px;
}
.statround a:link,
.statround a:visited {
color: #fff;
font: normal normal 700 11px/13.2px Tahoma;
}
.statround a:hover,
.statround a:active {
color: #fff;
}
/***********************************************************/
.post_linia {
margin: auto;
width: 95%;
}
.posty_lewo {
color: #00a2ff;
padding-right:10px;
float: left;
}
.posty_prawo {
color:#fff;
float:left;
}
/***********************************************************/
.navigacjatlo {
background: url ('images/fussdes/secondary_nav_bg.png') repeat-x 100% 50% #FF0000;
}
.avatar {
margin-left: 8px;
margin-top: 1px;
margin-bottom: 1px;
float: left;
}
.nick {
margin-top: 6px;
float: left;
margin-left: 8px;
}
.posty {
background: #2e2e2e;
color: white;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
padding: 6px;
margin-top: 2px;
margin-bottom: 2px;
margin-right: 10px;
float: right;
font-weight: bold;
}
/* FOOTER */
#footer_utilities {
padding: 8px;
position: relative;
background: url(http://localhost/~Forum/public/style_images/infinite/trans20.png) repeat-x 0 0;
border-bottom: 1px dashed rgb(192, 194, 185);
border-top: 1px dashed rgb(192, 194, 185);
color: rgb(14, 247, 195);
}
#footer_utilities a:link {
color: rgb(14, 247, 195);
}
#footer_utilities a:hover,#footer_utilities a:active {
color: rgb(255, 255, 255);
}
#footer_utilities a {
color: rgb(14, 247, 195);
}
#copyright {
color: rgb(224, 224, 212);
text-align: right;
line-height: 22px;
float: right;
}
#copyright a { color: rgb(14, 247, 195); }
#ipsDebug_footer {
width: 900px;
margin: 8px auto 0px auto;
text-align: center;
color: #404040;
font-size: 11px;
}
#ipsDebug_footer strong { margin-left: 20px; }
#ipsDebug_footer a { color: #404040; }
#rss_menu {
background-color: #fef3d7;
border: 1px solid #ed7710;
}
#rss_menu li { border-bottom: 1px solid #fce19b; }
#rss_menu li:last-of-type{ border-bottom: 0; }
#rss_menu a {
color: #ed7710;
padding: 5px 8px;
text-shadow: none;
}
#rss_menu a:hover {
background-color: #ed7710;
color: #fff;
}
.clear { clear: both; }
.ipsList_inline > li {
display: inline-block;
margin: 0 3px;
}
.ipsList_inline > li:first-child { margin-left: 0; }
.ipsList_inline > li:last-child { margin-right: 0; }
.ipsList_inline.ipsList_reset > li:first-child { margin-left: 3px; }
.ipsList_inline.ipsList_reset > li:last-child { margin-right: 3px; }
.ipsList_inline.ipsList_nowrap { white-space: nowrap; }
.clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden; overflow: hidden;}
.custom_theme{
-moz-border-radius: 0px 3px 3px 0px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
border-radius: 0px 3px 3px 0px;
background: #2a2a2a url(images/fussdes/color_picker.png) no-repeat 50% 50%;
border: 1px solid #3f3f3f;
cursor: pointer;
width: 37px;
height: 36px;
margin-left: -2px;
float: right;
}
.custom_theme:hover{
background-color: #323232;
}
.custom_theme #colorpicker{
border: 0 !important;
background: none transparent !important;
text-indent: -999px !important;
height: 36px;
font-size: 0;
width: 37px;
padding: 0;
margin: 0;
cursor: pointer;
opacity: 0;
display: block;
}margin: 0;
cursor: pointer;
opacity: 0;
display: block;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
hr { display: none; border: 0; }
address{ display: inline; }
input, select, textarea {
font: normal 12px tahoma, helvetica, arial, sans-serif;
}
h3, strong { font-weight: bold; }
em { font-style: italic; }
img, .input_check, .input_radio { vertical-align: middle; }
legend { display: none; }
table { width: 100%; }
td { padding: 3px;
}
a {
color: #595959;
text-decoration: none;
}
a:hover { color: rgb(10, 255, 0); }
::-moz-selection { color: #fff; background: #82b8e6; }
::selection { color: #fff; background: #82b8e6; }
.ipsList_inline > li {
display: inline-block;
margin: 0 3px;
}
#nav_wrap{
float: right;
margin: 21px 0 0 0;
}
#branding {
height: 80px;
position: relative;
}
#ipboard_body.minimal #ipbwrapper{
width: 900px;
margin: 0 auto;
}
.wrapper{ width: 90%; min-width: 975px; max-width: 1300px; margin: 0 auto;}#admin_bar { font-size: 11px; padding: 0 12px; border-top: 0; overflow: hidden; -moz-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px; margin-top: -15px;}#admin_bar li{ padding-left: 10px; padding-right: 10px; }#admin_bar li.active a { color: #fc6d35; }#admin_bar a { color: #8a8a8a; }#admin_bar a:hover { color: #fff; }.ipsList_inline > li { display: inline-block; margin: 0 3px;} .ipsList_inline > li:first-child { margin-left: 0; } .ipsList_inline > li:last-child { margin-right: 0; } .ipsList_inline.ipsList_reset > li:first-child { margin-left: 3px; } .ipsList_inline.ipsList_reset > li:last-child { margin-right: 3px; } .ipsList_inline.ipsList_nowrap { white-space: nowrap; } .userlinks{ display: inline; width: 250px; color: #ffffff; padding: 6px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}.userlinks:hover{background: url(images/fussdes/cp.png) repeat-x top center;}.czerwone_menu { color: #ffffff; background-color: #cf2020; padding:0px 4px; font-family: Arial, Verdana, 'Trebuchet MS', Helvetica, Univers, Futura; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font-size: 9px; margin-top:-9px; margin-left:-25px; text-decoration:none; font-weight:normal; box-shadow: 1px 1px 1px #2f2f2f; position:absolute;} #boxes #info { width: 600px; height: 450px; position: fixed; -webkit-box-shadow: 0px 0px 20px #222; -moz-box-shadow: 0px 0px 20px #222; box-shadow: 0px 0px 20px #222; background: url(images/stylo/trans.png) repeat; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; top: 110px !important; margin: auto; left: 25% !important;} .kolorek { color:#0ef7c3;}#wykonanie {color: rgb(213, 213, 213);text-align: left;line-height: 22px;float: left;}.paseczek { padding: 20px;}