Ir para conteúdo

[Dúvida] Como centralizar esses botões do fórum?

LeoTK

Por LeoTK
em Lixeira Pública

 Share

Posts Recomendados

LeoTK

LeoTK 173

Postado
  • Autor
Postado

então no caso seria ou no system.css ou no main.css porém não sei se tem algo especifico sobre esses botões ai eu pensei que poderia fazer algo no main.css que mandasse esses botoões pro lado usando margin-left

 

por exemplo um amigo me ajudou com esses códigos

 

main.css completo

 

@charset "utf-8";
body {
background: url('images/e.png') no-repeat;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 0px;
padding: 0px;
}
a img {
border: 0px;
}
#vt_page {
width: 1000px;
margin: auto;
}
#vt_header {
width: 1000px;
height: 276px;
float: left;
background: url('images/header2.png') no-repeat;
}
#vt_container {
width: 1000px;
float: left;
background: url('images/contentmid.png') repeat-y;
}
/**
* Footer Style Definitions
*/
#vt_footer {
width: 1000px;
padding: 20px 0px 10px 0px;
float: left;
background: url('images/contentbot.png') repeat-y;
color: #000000;
}
#vt_footer .column {
float: left;
}
#vt_footer .first {
width: 180px; padding-left: 35px; margin-top: -185px;
}
#vt_footer .second {
width: 575px;
color: rgb(255, 221, 160); font: -webkit-mini-control; text-align: center;
}
#vt_footer .third {
width: 245px;
}
/**
* Menu Style Definitions
*/
#vt_menu {
width: 180px;
float: left;
background: url('images/menubackground.png') top no-repeat;
padding-top: 50px;
}
#vt_menu .header {
width: 145px;
height: 36px;
background: url('images/inicio.png') no-repeat;
color: #000000;
font-size: 20px;
font-family: Arial, sans-serif;
padding: 10px 45px 0px 20px;
margin: 0px 5px 0px 10px;
margin-top: -41px;
}
#vt_menu .serv {
width: 145px;
height: 36px;
background: url('images/servidor.png') no-repeat;
color: #000000;
font-size: 20px;
font-family: Arial, sans-serif;
padding: 10px 45px 0px 20px;
margin: 0px 5px 0px 10px;
}
#vt_menu .comu {
width: 145px;
height: 36px;
background: url('images/comu.png') no-repeat;
color: #000000;
font-size: 20px;
font-family: Arial, sans-serif;
padding: 10px 45px 0px 20px;
margin: 0px 5px 0px 10px;
}
#vt_menu .info {
width: 145px;
height: 36px;
background: url('images/infos.png') no-repeat;
color: #000000;
font-size: 20px;
font-family: Arial, sans-serif;
padding: 10px 45px 0px 20px;
margin: 0px 5px 0px 10px;
}
#vt_menu ul {
width: 165px;
margin: 5px 5px 5px 10px;
padding: 0px;
list-style: none;
}
#vt_menu li {
padding: 5px;
background: url('images/menuarrow.png') right center no-repeat; padding-left: 15px;
}
#vt_menu a {
color: #FFBA07;
font-weight: bold;
text-decoration: none;
}
#vt_menu a:hover {
color: #FADC8D;
}
/**
* Content Style Definitions
*/
#vt_content {
width: 535px;
padding: 10px 20px 7px 20px;
float: left;
color: #c2a258;
}
#vt_content .message .title, #vt_content .news .newsTitle {
width: 485px;
height: 33px;
padding: 10px 10px 0px 60px;
background: url('images/contentheader.png') no-repeat;
background-position-x: 30px;
color: white;
font-family: Arial, sans-serif;
font-size: 16px;
font-weight: bold;
border: 0px;
}
#vt_content .header .left {
width: 485px;
position: absolute;
text-align: right;
}
#vt_content a {
color: rgb(223, 175, 71)
}
#vt_content a:hover {
text-decoration: none;
}
#vt_content input {
background: rgba(255, 255, 255, 0);
border: 1px solid rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
padding: 3px;
margin: 2px; }
#vt_content textarea {
background: #f1e4d6;
border: 1px solid #bea282;
color: #896840;
padding: 3px;
margin: 2px;
}
#vt_content select {
background: #FFFFFF;
border: 1px solid #000000;
color: #000000;
padding: 3px;
margin: 2px;
}
#vt_content .comment {
background: #fdefe4;
border: 1px solid #f2dece;
}
#vt_content .commentBody {
border-bottom: 1px dotted #f2dece;
}
#vt_content .bar {
background: #000000;
border: 1px solid #FFFFFF;
padding: 5px;
}
#vt_content .messageAdd {
margin-top: -1px;
background: #000000;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
padding: 5px;
}
/**
* Panel Style Definitions
*/
#vt_panel {
width: 245px;
float: left;
background: url('images/panelmid.png') repeat-y;
color: #FFE183;
}
#vt_panel .top {
width: 245px;
float: left;
background: url('images/paneltop.png') top no-repeat;
}
#vt_panel .bot {
width: 217px;
float: left;
padding: 10px 4px 10px 4px;
background: url('images/panelbot.png') bottom no-repeat;
}
#vt_panel .button1 {
display: block;
width: 207px;
height: 53px;
padding: 1px 1px 1px 1px;
background: url('images/panelbutton.png') no-repeat;
margin-left: 10px; color: black;
font-size: 18px;
text-decoration: none;
font-family: Arial, sans-serif;
text-transform: uppercase;
}
#vt_panel .button1 span {
font-size: 12px;
display: block;
font-weight: bold;
text-transform: none;
}
#vt_panel .button1:hover {
background: url('images/panelbuttonhover.png') no-repeat;
color: black;
}
#vt_panel .button2 {
display: block;
width: 207px;
height: 53px;
padding: 1px 1px 1px 1px;
background: url('images/panelbutton1.png') no-repeat;
margin-left: 10px; color: black;
font-size: 18px;
text-decoration: none;
font-family: Arial, sans-serif;
text-transform: uppercase;
}
#vt_panel .button2 span {
font-size: 12px;
display: block;
font-weight: bold;
text-transform: none;
}
#vt_panel .button2:hover {
background: url('images/panelbuttonhover1.png') no-repeat;
color: black;
}
#vt_panel .button {
display: block;
width: 207px;
height: 53px;
padding: 1px 1px 1px 1px;
background: url('images/panelbutton2.png') no-repeat;
margin-left: 10px; color: black;
font-size: 18px;
text-decoration: none;
font-family: Arial, sans-serif;
text-transform: uppercase;
}
#vt_panel .button span {
font-size: 12px;
display: block;
font-weight: bold;
text-transform: none;
}
#vt_panel .button:hover {
background: url('images/panelbuttonhover2.png') no-repeat;
color: black;
}
.vt_panel_module {
width: 198px;
padding: 0px 8px 5px 9px;
}
.vt_panel_module .header {
width: 178px;
height: 21px;
padding: 16px 0px 10px 10px;
margin-bottom: 5px;
background: url('images/panelheader.png') no-repeat;
color: rgb(255, 203, 0);
text-transform: uppercase;
font-weight: bold;
font-size: 12px;
font-family: Arial, sans-serif;
}
body {
background-image: url("images/background.jpg");
background-repeat: repeat;
}
.vt_panel_module a {
color: black;
text-decoration: none;
font-weight: bold;
}
.vt_panel_module a:hover {
color: #56422e;
}
h2 {
margin-left: 50px;
}
tr {
background-size: 101% 99%;
}
h1 {
margin-left: 50px;

 

}

 

código que um colego falou pra add para arrumar outras centralizações

 

h2 {
margin-left: 50px;
}
tr {
background-size: 101% 99%;
}
h1 {
margin-left: 50px;

 

}

 

então me fez pensar que eu poderia criar um da mesma maneira mas especificando o botão do fórum a ir para o lado....

Link para o comentário
Compartilhar em outros sites
delkawy

delkawy 13

Postado
Postado

Então se quer que apenas um botão em específico vá para o lado pode usar o ID, mas só poderá usar o ID em uma tag, pois o ID é único.
Mas se quer que várias tags façam a mesmo "movimento" pode usar a classe, ou até mesmo só um (só que para isso não pode adicionar a classe em mais nenhuma tag).

Link para o comentário
Compartilhar em outros sites
Piabeta Kun

Piabeta Kun 359

Postado
Postado

são a newthread e a reply .... se eu conseguir mecher em apenas uma já seria o suficiente para editar os restantes

pedi o script pq nao sei se voce sabe mais css pode ser usado tbm dentro do script o que é mais comuns nos acc makers!

Link para o comentário
Compartilhar em outros sites
LeoTK

LeoTK 173

Postado
  • Autor
Postado

bom .... eu postei a script na page um do newthread ... posso te asegurar que estão no system.css e main.css segue

 

System.css

 

label{
float: left;
width: 120px;
font-weight: bold;
margin-top: 2px;
}
a.green {color: #0C0}
a.red {color: #F00}
input, textarea{
margin-bottom: 5px;
}
input [type=file] {
width: 200px;
}
.sub{
margin-left: 120px;
margin-top: 5px;
width: 90px;
}
.bar {
font-weight: bold;
margin-top: 5px;
margin-left: 55px;
font-size: 12px;
}
.toolbar {
padding: 10px;
border: 1px solid silver;
font-weight: bold;
margin-bottom: 15px; margin-left: 50px;
}
.highlight:hover {
background-color: lightyellow;
padding: 3px;
}
.newsTitle {
padding: 5px;
font-size: 14px;
font-weight: bold;
border-bottom: 1px solid silver;
}
.newsBody {
padding-left: 45px;
}
.newsFooter {
padding-left: 45px;
font-size: 10px;
}
.news {
margin-bottom: 15px;
}
.readArchive {
text-align: center;
font-weight: bold;
}
.viewComments {
padding-left: 5px;
font-family: tahoma;
}
.comment {
margin-bottom: 10px;
border: 1px solid silver;
padding: 5px;
}
.commentBody {
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: 1px dotted silver;
}
.commentFooter {
font-family: tahoma;
font-size: 12px;
}
.leftBoard {
float: left;
width: 64%;
}
.rightBoard {
float: left;
}
.forumBoard {
padding: 3px;
margin-bottom: 5px;
border-top: 1px dotted silver; margin-left: 50px;
}
.boardTitle {
font-weight: bold;
font-size: 13px;
font-family: tahoma;
}
.boardDescription {
padding: 4px;
float: left;
}
.boardStatus {
float: left;
width: 50px;
}
.boardInformation {
padding: 5px;
border: 1px dashed silver;
margin-bottom: 15px; margin-left: 50px;
}
.boardInformationTitle {
font-weight: bold;
font-size: 13px;
font-family: tahoma;
}
.boardInformationDescription {
padding: 4px;
}
.boardInformationModerators {
font-family: arial;
font-size: 11px;
}
.threadTable {
margin-bottom: 10px;
padding: 3px; margin-left: 50px;
}
.threadStatus {
float: left;
width: 30px;
}
.threadLeft {
float: left;
width: 70%;
}
.threadTitle {
font-weight: bold;
}
.boardPages {
text-align: center;
}
.threadTable {
padding: 3px;
border-top: 1px dotted silver;
padding-top: 5px;
margin-top: 20px;
}
.forumPost {
padding: 5px;
margin-bottom: 10px;
border-bottom: 1px solid silver; margin-left: 50px;
}
.forumPostDate {
font-family: tahoma;
padding: 2px;
}
.forumPostLeft {
padding: 5px;
valign: top;
border-right: 1px solid silver;
}
.forumPostAuthor {
font-weigh: bold;
text-align: center;
}
.forumPostRight {
valign: top;
padding-left: 10px;
}
.forumHistory {
font-weight: bold;
padding: 3px; margin-left: 50px;
}
.forumPostText {
border-bottom: 1px dotted silver;
}
.postToolBar form {
background: none;
text-align: right;
padding-top: 5px;
bordr: none;
margin: 0px;
}
quote {
padding: 4px;
border: 1px solid silver;
}
.moderatingPanel {
border: 1px solid silver;
padding: 5px;
font-weight: bold;
margin-bottom: 5px; margin-left: 50px;
}
.postTitle {
font-weight: bold;
margin-left: 20%;
border-bottom: 1px dotted silver;
}
.bugtrackerProgressBar {
width: 100px;
height: 8px;
border: 1px solid silver;
}
.bugtrackerProgress {
float: left;
height: 8px;
background: lightgreen;
}
.bugtrackerRow {
font-family: tahoma;
}
.bugtrackerBugTable {
padding: 5px;
border: 1px solid silver;
}
.bugtrackerTitle {
font-size: 15px;
font-weight: bold;
margin-bottom: 10px;
}
.bugtrackerAttr {
}
.video_comment {
padding: 5px;
border: 1px dashed silver;
margin-top: 4px;
}
.video_search {
padding: 5px;
text-align: center;
border: 1px dotted silver;
margin-bottom: 5px;
font-weight: bold; margin-left: 50px;
}
.video_search input[type=text] {
width: 250px;
}
.video_search input[type=submit] {
margin-left: 5px;
}
.houses_list_box {
border: 1px dotted silver;
margin-bottom: 20px;
}
.house_title {
font-weight: bold;
border-bottom: 1px dotted silver;
padding: 5px;
}
.house_content {
padding: 5px;
}
.message .title {
background-image: url(../images/bar_bg.png);
height: 30px;
padding-top: 8px;
padding-left: 15px;
font-weight: bold;
background-repeat: repeat-x;
}
.message .content {
padding: 5px 0px 7px 7px;
padding-left: 50px;}
.message .bar {
border-top: 1px solid silver;
padding: 5px;
margin-left: 50px;
background-color: #e9edee;
}
.messageAdd {
border-left: 1px solid silver;
border-right: 1px solid silver;
border-bottom: 1px solid silver;
padding: 5px;
float: right;
background-color: #e9edee;
}
.avatar {
padding: 1px;
border: 1px groove silver;
width: 90px;
height: 90px;
}
.friend {
float: left;
width: 100px;
text-align: center;
}
.friend img {
padding: 1px;
border: 1px groove silver;
width: 90px;
height: 90px;
}
.loader {
margin-left: 10px;
display: none;
}
.table { background:#333; }
.table ul { float:left; margin:0; padding:0; color: #FFF;}
.table ul li { list-style:none; padding:5px 10px; height: 20px }
.table ul li.title { font-weight:bold; background:#333; color:#fff; }
.table ul li.even { background:#fff }
.table ul li.odd { background:#DFDFDF }
.table input {margin: 0}
#poll {overflow:hidden;}
#poll label {width: 100%}
#poll input.button {margin: 0; float: none; display: block}
#poll h2 {margin:5px; padding:0;}
#poll ul, #poll ul li {margin:0; padding:0; list-style: none}
#poll ul {padding: 10px; overflow: auto;}
.table ul li.even { background: transparent !important;}

 

.table ul li.odd { background: transparent !important;}

 

Main.css

 

@charset "utf-8";
body {
background: url('images/e.png') no-repeat;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 0px;
padding: 0px;
}
a img {
border: 0px;
}
#vt_page {
width: 1000px;
margin: auto;
}
#vt_header {
width: 1000px;
height: 276px;
float: left;
background: url('images/header2.png') no-repeat;
}
#vt_container {
width: 1000px;
float: left;
background: url('images/contentmid.png') repeat-y;
}
/**
* Footer Style Definitions
*/
#vt_footer {
width: 1000px;
padding: 20px 0px 10px 0px;
float: left;
background: url('images/contentbot.png') repeat-y;
color: #000000;
}
#vt_footer .column {
float: left;
}
#vt_footer .first {
width: 180px; padding-left: 35px; margin-top: -185px;
}
#vt_footer .second {
width: 575px;
color: rgb(255, 221, 160); font: -webkit-mini-control; text-align: center;
}
#vt_footer .third {
width: 245px;
}
/**
* Menu Style Definitions
*/
#vt_menu {
width: 180px;
float: left;
background: url('images/menubackground.png') top no-repeat;
padding-top: 50px;
}
#vt_menu .header {
width: 145px;
height: 36px;
background: url('images/inicio.png') no-repeat;
color: #000000;
font-size: 20px;
font-family: Arial, sans-serif;
padding: 10px 45px 0px 20px;
margin: 0px 5px 0px 10px;
margin-top: -41px;
}
#vt_menu .serv {
width: 145px;
height: 36px;
background: url('images/servidor.png') no-repeat;
color: #000000;
font-size: 20px;
font-family: Arial, sans-serif;
padding: 10px 45px 0px 20px;
margin: 0px 5px 0px 10px;
}
#vt_menu .comu {
width: 145px;
height: 36px;
background: url('images/comu.png') no-repeat;
color: #000000;
font-size: 20px;
font-family: Arial, sans-serif;
padding: 10px 45px 0px 20px;
margin: 0px 5px 0px 10px;
}
#vt_menu .info {
width: 145px;
height: 36px;
background: url('images/infos.png') no-repeat;
color: #000000;
font-size: 20px;
font-family: Arial, sans-serif;
padding: 10px 45px 0px 20px;
margin: 0px 5px 0px 10px;
}
#vt_menu ul {
width: 165px;
margin: 5px 5px 5px 10px;
padding: 0px;
list-style: none;
}
#vt_menu li {
padding: 5px;
background: url('images/menuarrow.png') right center no-repeat; padding-left: 15px;
}
#vt_menu a {
color: #FFBA07;
font-weight: bold;
text-decoration: none;
}
#vt_menu a:hover {
color: #FADC8D;
}
/**
* Content Style Definitions
*/
#vt_content {
width: 535px;
padding: 10px 20px 7px 20px;
float: left;
color: #c2a258;
}
#vt_content .message .title, #vt_content .news .newsTitle {
width: 485px;
height: 33px;
padding: 10px 10px 0px 60px;
background: url('images/contentheader.png') no-repeat;
background-position-x: 30px;
color: white;
font-family: Arial, sans-serif;
font-size: 16px;
font-weight: bold;
border: 0px;
}
#vt_content .header .left {
width: 485px;
position: absolute;
text-align: right;
}
#vt_content a {
color: rgb(223, 175, 71)
}
#vt_content a:hover {
text-decoration: none;
}
#vt_content input {
background: rgba(255, 255, 255, 0);
border: 1px solid rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
padding: 3px;
margin: 2px; }
#vt_content textarea {
background: #f1e4d6;
border: 1px solid #bea282;
color: #896840;
padding: 3px;
margin: 2px;
}
#vt_content select {
background: #FFFFFF;
border: 1px solid #000000;
color: #000000;
padding: 3px;
margin: 2px;
}
#vt_content .comment {
background: #fdefe4;
border: 1px solid #f2dece;
}
#vt_content .commentBody {
border-bottom: 1px dotted #f2dece;
}
#vt_content .bar {
background: #000000;
border: 1px solid #FFFFFF;
padding: 5px;
}
#vt_content .messageAdd {
margin-top: -1px;
background: #000000;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
padding: 5px;
}
/**
* Panel Style Definitions
*/
#vt_panel {
width: 245px;
float: left;
background: url('images/panelmid.png') repeat-y;
color: #FFE183;
}
#vt_panel .top {
width: 245px;
float: left;
background: url('images/paneltop.png') top no-repeat;
}
#vt_panel .bot {
width: 217px;
float: left;
padding: 10px 4px 10px 4px;
background: url('images/panelbot.png') bottom no-repeat;
}
#vt_panel .button1 {
display: block;
width: 207px;
height: 53px;
padding: 1px 1px 1px 1px;
background: url('images/panelbutton.png') no-repeat;
margin-left: 10px; color: black;
font-size: 18px;
text-decoration: none;
font-family: Arial, sans-serif;
text-transform: uppercase;
}
#vt_panel .button1 span {
font-size: 12px;
display: block;
font-weight: bold;
text-transform: none;
}
#vt_panel .button1:hover {
background: url('images/panelbuttonhover.png') no-repeat;
color: black;
}
#vt_panel .button2 {
display: block;
width: 207px;
height: 53px;
padding: 1px 1px 1px 1px;
background: url('images/panelbutton1.png') no-repeat;
margin-left: 10px; color: black;
font-size: 18px;
text-decoration: none;
font-family: Arial, sans-serif;
text-transform: uppercase;
}
#vt_panel .button2 span {
font-size: 12px;
display: block;
font-weight: bold;
text-transform: none;
}
#vt_panel .button2:hover {
background: url('images/panelbuttonhover1.png') no-repeat;
color: black;
}
#vt_panel .button {
display: block;
width: 207px;
height: 53px;
padding: 1px 1px 1px 1px;
background: url('images/panelbutton2.png') no-repeat;
margin-left: 10px; color: black;
font-size: 18px;
text-decoration: none;
font-family: Arial, sans-serif;
text-transform: uppercase;
}
#vt_panel .button span {
font-size: 12px;
display: block;
font-weight: bold;
text-transform: none;
}
#vt_panel .button:hover {
background: url('images/panelbuttonhover2.png') no-repeat;
color: black;
}
.vt_panel_module {
width: 198px;
padding: 0px 8px 5px 9px;
}
.vt_panel_module .header {
width: 178px;
height: 21px;
padding: 16px 0px 10px 10px;
margin-bottom: 5px;
background: url('images/panelheader.png') no-repeat;
color: rgb(255, 203, 0);
text-transform: uppercase;
font-weight: bold;
font-size: 12px;
font-family: Arial, sans-serif;
}
body {
background-image: url("images/background.jpg");
background-repeat: repeat;
}
.vt_panel_module a {
color: black;
text-decoration: none;
font-weight: bold;
}
.vt_panel_module a:hover {
color: #56422e;
}
h2 {
margin-left: 50px;
}
tr {
background-size: 101% 99%;
}
h1 {
margin-left: 50px;

 

}

Link para o comentário
Compartilhar em outros sites
LeoTK

LeoTK 173

Postado
  • Autor
Postado (editado)

Tem como me mandar o link do site VIA MP , para eu dar uma olhada? Para eu poder ajuda-lo.

 

facil clique no banner ntons.meximas.com xD \/

Editado por Brunds
Link para o comentário
Compartilhar em outros sites
LeoTK

LeoTK 173

Postado
  • Autor
Postado

Nem vi rs, está dando erro de require no forum , de uma olhada ai.

 

 

sim você precisa ter uma conta no site e um char criado ^^

Link para o comentário
Compartilhar em outros sites
  • 3 months later...
Bruno

Bruno 535

Postado
Postado

O tópico foi fechado e movido para lixeira por estar inativo a mais de 10 dias. Caso seja preciso reabrir o mesmo, favor entrar em contato com a equipe.

Link para o comentário
Compartilhar em outros sites
Visitante
Este tópico está impedido de receber novos posts.
 Share
Ir para a lista de tópicos
×
×
  • Criar Novo...