wersja skryptu MyBB: 1.6.9
adres forum: http://bb.lamalabs.org
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):
Mam mały problem z buttonami stworzyłem dodatkowy styl buttons.css jego zawartość:
zgaduję że za dużo tego kodu i da się skrócić, no ale średnio z css mi idzie. Mój problem jest taki że źle wyświetlają mi się te buttony odstają od krawędzi forum.
Jak zawsze widzę las rąk do pomocy.
adres forum: http://bb.lamalabs.org
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):
Mam mały problem z buttonami stworzyłem dodatkowy styl buttons.css jego zawartość:
#llbutton {
margin-left: 5px;
margin-right: -3px;
}
#llbutton .link a {
color: #eeeeee;
float: left;
padding: 8px;
background-color: #999999;
display: inline;
margin-right: 5px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
text-decoration: none;
font-family: Tahoma, Geneva, sans-serif;
font-size: 15px;
font-weight: bold;
}
#llbutton .link a:hover {
color: #ffffff;
background-color: #C64E4E;
}
#llleft1 {
margin-left: 56px;
margin-right: -3px;
margin-top: 37px;
}
#llleft1 .link a {
color: #eeeeee;
float: left;
padding: 8px;
background-color: #999999;
display: inline;
margin: -37px 0 0 0;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
text-decoration: none;
font-family: Tahoma, Geneva, sans-serif;
font-size: 15px;
font-weight: bold;
}
#llleft1 .link a:hover {
color: #ffffff;
background-color: #C64E4E;
}
#llleft2 {
margin-left: 100px;
margin-right: -3px;
margin-top: 37px;
}
#llleft2 .link a {
color: #eeeeee;
float: left;
padding: 8px;
background-color: #999999;
display: inline;
margin: -37px 0 0 0;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
text-decoration: none;
font-family: Tahoma, Geneva, sans-serif;
font-size: 15px;
font-weight: bold;
}
#llleft2 .link a:hover {
color: #ffffff;
background-color: #C64E4E;
}
#llleft3 {
margin-left: 169px;
margin-right: -3px;
margin-top: 37px;
}
#llleft3 .link a {
color: #eeeeee;
float: left;
padding: 8px;
background-color: #999999;
display: inline;
margin: -37px 0 0 0;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
text-decoration: none;
font-family: Tahoma, Geneva, sans-serif;
font-size: 15px;
font-weight: bold;
}
#llleft3 .link a:hover {
color: #ffffff;
background-color: #C64E4E;
}
#llleft4 {
margin-left: 200px;
margin-right: -3px;
margin-top: 37px;
}
#llleft4 .link a {
color: #eeeeee;
float: left;
padding: 8px;
background-color: #999999;
display: inline;
margin: -37px 0 0 0;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
text-decoration: none;
font-family: Tahoma, Geneva, sans-serif;
font-size: 15px;
font-weight: bold;
}
#llleft4 .link a:hover {
color: #ffffff;
background-color: #C64E4E;
}
#llright1 {
margin-left: 5px;
margin-right: 240px;
margin-top: 37px;
}
#llright1 .link a {
color: #eeeeee;
float: right;
padding: 8px;
background-color: #999999;
display: inline;
margin: -37px 0 0 0;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
text-decoration: none;
font-family: Tahoma, Geneva, sans-serif;
font-size: 15px;
font-weight: bold;
}
#llright1 .link a:hover {
color: #ffffff;
background-color: #C64E4E;
}
#llright2 {
margin-left: 70px;
margin-right: -3px;
margin-top: 37px;
}
#llright2 .link a {
color: #eeeeee;
float: left;
padding: 8px;
background-color: #999999;
display: inline;
margin: -37px 0 0 0;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
text-decoration: none;
font-family: Tahoma, Geneva, sans-serif;
font-size: 15px;
font-weight: bold;
}
#llright2 .link a:hover {
color: #ffffff;
background-color: #C64E4E;
}
#llright3 {
margin-left: 129px;
margin-right: -3px;
margin-top: 37px;
}
#llright3 .link a {
color: #eeeeee;
float: left;
padding: 8px;
background-color: #999999;
display: inline;
margin: -37px 0 0 0;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
text-decoration: none;
font-family: Tahoma, Geneva, sans-serif;
font-size: 15px;
font-weight: bold;
}
#llright3 .link a:hover {
color: #ffffff;
background-color: #C64E4E;
}
#llright4 {
margin-left: 186px;
margin-right: -3px;
margin-top: 37px;
}
#llright4 .link a {
color: #eeeeee;
float: left;
padding: 8px;
background-color: #999999;
display: inline;
margin: -37px 0 0 0;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
text-decoration: none;
font-family: Tahoma, Geneva, sans-serif;
font-size: 15px;
font-weight: bold;
}
#llright4 .link a:hover {
color: #ffffff;
background-color: #C64E4E;
}
#llright5 {
margin-left: 255px;
margin-right: -3px;
margin-top: 37px;
}
#llright5 .link a {
color: #eeeeee;
float: right;
padding: 8px;
background-color: #999999;
display: inline;
margin: -37px 0 0 0;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
text-decoration: none;
font-family: Tahoma, Geneva, sans-serif;
font-size: 15px;
font-weight: bold;
}
#llright5 .link a:hover {
color: #ffffff;
background-color: #C64E4E;
}
zgaduję że za dużo tego kodu i da się skrócić, no ale średnio z css mi idzie. Mój problem jest taki że źle wyświetlają mi się te buttony odstają od krawędzi forum.
Jak zawsze widzę las rąk do pomocy.