Ir para conteúdo
TK News
  • Cadastre-se

[Pedido] Tabelas Website

fezeRa

Por ,
em Suporte Tibia OTServer

 Share Seguidores 0

Posts Recomendados

fezeRa

fezeRa 44

Postado
Postado

Queria fazer com que isso:

 

http://prntscr.com/420aeh

 

Ficasse assim:

 

http://prntscr.com/420ahc

 

Parte do skills e quests do meu characters.php:
 

if($config['site']['show_skills_info']) {
  $main_content .= '<TABLE BORDER=0 CELLSPACING=1 CELLPADDING=1 WIDTH=100%>';
  $main_content .= '<TR BGCOLOR='.$config['site']['vdarkborder'].'><TD COLSPAN=2 CLASS=white><B>Skills</B></TD></TR>';
  $main_content .= '<TR BGCOLOR="'.$config['site']['darkborder'].'"><TD width=75%>Magic:</TD><TD>'.$player->getMagLevel().'</TD></TR>';
  $main_content .= '<TR BGCOLOR="'.$config['site']['lightborder'].'"><TD>Fisting:</TD><TD>'.$player->getSkill(0).'</TD></TR>';
  $main_content .= '<TR BGCOLOR="'.$config['site']['darkborder'].'"><TD>Club:</TD><TD>'.$player->getSkill(1).'</TD></TR>';
  $main_content .= '<TR BGCOLOR="'.$config['site']['lightborder'].'"><TD>Sword:</TD><TD>'.$player->getSkill(2).'</TD></TR>';
  $main_content .= '<TR BGCOLOR="'.$config['site']['darkborder'].'"><TD>Axe:</TD><TD>'.$player->getSkill(3).'</TD></TR>';
  $main_content .= '<TR BGCOLOR="'.$config['site']['lightborder'].'"><TD>Distance:</TD><TD>'.$player->getSkill(4).'</TD></TR>';
  $main_content .= '<TR BGCOLOR="'.$config['site']['darkborder'].'"><TD>Shielding:</TD><TD>'.$player->getSkill(5).'</TD></TR>';
  $main_content .= '<TR BGCOLOR="'.$config['site']['lightborder'].'"><TD>Fishing:</TD><TD>'.$player->getSkill(6).'</TD></TR>';
  $main_content .= '</TABLE>';
  }
  
  $main_content .= '</TABLE></td></tr></table><br />';
  //quest status by ballack13
$id = $player->getCustomField("id");
$number_of_quests = 0;
$main_content .= '<TABLE BORDER=0 CELLSPACING=1 CELLPADDING=1 WIDTH=70%><TR BGCOLOR='.$config['site']['vdarkborder'].'><TD COLSPAN=2 CLASS=white><B>Quests</B></TD></TR>';
$quests = $config['site']['quests'];
foreach ($quests as $storage => $name) {
if(is_int($number_of_quests / 2))
$bgcolor = $config['site']['darkborder'];
else
$bgcolor = $config['site']['lightborder'];
$number_of_quests++;
$main_content .= '<TR BGCOLOR="'.$bgcolor.'"><TD WIDTH=100%>'.$storage.'</TD>';
$quest = $SQL->query('SELECT * FROM player_storage WHERE player_id = '.$id.' AND `key` = '.$quests[$storage].';')->fetch();
if($quest == false) {
$main_content .= '<TD><img src="images/false.png"/></TD></TR>';
}
else
{
$main_content .= '<TD><img src="images/true.png"/></TD></TR>';
}
}
$main_content .= '</TABLE></td></tr></table><br />';
// end quest status

 

Link para o post
Compartilhar em outros sites
Rusherzin

Rusherzin 527

Postado
Postado

Acho que isso é no arquivo .css do site

                                                                     Ajudei? De nada \o/                                            Att Rusherzin

Link para o post
Compartilhar em outros sites
fezeRa

fezeRa 44

Postado
  • Autor
Postado (editado)

Can help me? '-' Coloquei os 2 .css que utilizo..

 

basic.css

#ArtworkHelper {
  text-align: center;
  background-position: top center;
  background-attachment: scroll;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  min-width: 1000px;
}

/* container to implement min/max width */
#Bodycontainer {
  text-align: left;
  min-width: 1000px;
  max-width: 1200px;
  width: 100%;
  height: 100%;
  margin: 0px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  display: table;
}

#ContentRow {
  position: relative;
  top: 155px;
}

/* "star-HTML-hack" to correct the position of the content row */
* html #ContentRow {
  display: inline-block;
}

#MenuColumn {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 180px;
  margin-right: 15px;
  margin-left: 15px;
  padding: 0px;
  font-family:  Arial, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  line-height: 12pt;
}

#ContentColumn {
  position: relative;
  margin: 0px;
  margin-left: 205px;
  margin-right: 205px;
}

#ThemeboxesColumn {
  text-align:  center;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 180px;
  margin: 0px;
  margin-right: 15px;
  margin-left: 25px;
}

#Footer {
  font-family: Verdana, Arial, Times New Roman, sans-serif;
  font-size: 7pt;
  font-weight: normal;
  text-align: center;
  position: relative;
  width: 100%;
  padding-bottom: 20px;
  color: white;
}
* html #Footer {
  padding-bottom: 120px;
  margin-bottom: 50px;
}

/* Footer linkes */
#Footer a:link    { color: white; text-decoration: none; }
#Footer a:visited { color: white; text-decoration: none; }
#Footer a:focus   { color: white; text-decoration: none; }
#Footer a:active  { color: white; text-decoration: underline; }
#Footer a:hover   { color: white; text-decoration: underline; }

/** -------------------------------
 *  Stylesheet declarations for the
 *  HEADER AREA
 *  -------------------------------
 */

#LeftArtwork {
  position: absolute;
  height: 140px;
  width: 166px;
  top: -140px;
  left: 4px;
  background-repeat: no-repeat;
  z-index:5;
}

#LeftArtwork #TibiaLogoArtworkTop {
  position: absolute;
  top: 20px;
  left: 0px;
  height: 82px;
  width: 166px;
  z-index: 5;
  cursor: pointer;
}

#LeftArtwork #TibiaLogoArtworkBottom {
  position: absolute;
  top: 102px;
  left: 0px;
  height: 43px;
  width: 166px;
  z-index: 5;
}

#LeftArtwork #Statue_1{
  position: absolute;
  top: 0px;
  left: 5px;
  height: 30px;
  width: 32px;
  z-index:10;
}

#LeftArtwork #Statue_2 {
  position: absolute;
  top: 0px;
  right: 25px;
  height: 30px;
  width: 32px;
  z-index:10;
}

#LeftArtwork #LogoLink {
  position: absolute;
  bottom: 14px;
  left: 58px;
  height: 14px;
  width: 50px;
  z-index: 99;
  cursor: pointer;
}

#RightArtwork {
  text-align: left;
  position: absolute;
  top: -1px;
  right: 24px;
  width: 132px;
  background-repeat: no-repeat;
  z-index: 90;
}

#RightArtwork #Monster {
  position: absolute;
  height: 80px;
  width: 80px;
  top: -137px;
  left: 8px;
  z-index: 15;
  cursor: pointer;
}

#PedestalAndOnline {
  position: absolute;
  top: -105px;
  width: 132px;
  height: 111px;
}

#RightArtwork #PlayersOnline {
  font-family : Verdana, Arial, Times New Roman, sans-serif;
  font-size: 7pt;
  line-height: 8pt;
  text-align: center;
  position: absolute;
  width: 92px;
  bottom: 11px;
  left: 21px;
  color: #cfa600;
  border-bottom: 1px solid #010101;
  cursor: pointer;
}

/** -------------------------------
 *  Stylesheet declarations for the
 *  LOGINBOX
 *  -------------------------------
 */

#Loginbox {
  position: relative;
  left: 5px;
  top: 8px;
  width: 100%;
  margin-bottom: 42px;
  background-repeat: no-repeat;
}

#Loginbox #LoginTop {
  position: absolute;
  left: -5px;
  top: -12px;
  height: 12px;
  width: 180px;
  background-repeat: no-repeat;
}

#Loginbox #LoginBottom {
  position: absolute;
  top: 52px;
  left: -5px;
  height: 12px;
  width: 180px;
  background-repeat: no-repeat;
}

#Loginbox .LoginBorder {
  position: absolute;
  top: 0px;
  height: 52px;
  width: 8px;
  background-repeat: repeat-y;
  z-index: 10;
}

#Loginbox #BorderRight {
  right: 9px;
}

#Loginbox .Loginstatus {
  position: relative;
  top: 0px;
  left: 5px;
  height: 13px;
  width: 160px;
}

#Loginbox .LoginstatusText {
  position: absolute;
  top: 1px;
  left: 18px;
  width: 124px;
  height: 11px;
  cursor: pointer;
}

#Loginbox #LoginstatusText_1 {
  top: 2px;
  cursor: default;
}

#Loginbox #LoginstatusText_2_1 {
  visibility: visible;
}

#Loginbox #LoginstatusText_2_2 {
  visibility: hidden;
}

#LoginBox #LoginButtonContainer {
  margin-left: 5px;
  height: 26px;
  width: 160px;
  background-repeat: repeat-y;
}

#Loginbox #LoginButton {
  position: relative;
  top: 1px;
  left: 12px;
  height: 25px;
  width: 135px;
}

#Loginbox #LoginButton .Button {
  position: relative;
  top: 0px;
  left: 0px;
  width: 135px;
  height: 25px;
  visibility: hidden;
}

#Loginbox #LoginButton #ButtonText {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 22px;
  width: 135px;
  z-index: 15;
  cursor: pointer;
}

/** -------------------------------
 *  Stylesheet declarations for the
 *  MENU
 *  -------------------------------
 */

#Menu {
  position: relative;
  left: 5px;
  background-repeat: no-repeat;
}

#MenuTop {
  position: absolute;
  left: -5px;
  top: -12px;
  height: 12px;
  width: 180px;
  background-repeat: no-repeat;
}

#MenuBottom {
  position: relative;
  left: -5px;
  bottom: 0px;
  height: 12px;
  width: 180px;
  background-repeat: no-repeat;
}

/* Menuitems */

.MenuButton {
  position: relative;
  height: 32px;
  width: 170px;
  display: block;
  cursor: pointer;
}

.Button {
  position: relative;
  height: 32px;
  width: 170px;
  visibility: hidden;
  display: block;
}

.Extend {
  position: absolute;
  top: 20px;
  right: -2px;
  height: 12px;
  width: 12px;
  background-repeat: no-repeat;
}

.Lights {
  visibility: hidden;
}

.Light_lu {
  position: absolute;
  top: 2px;
  left: 3px;
  height: 2px;
  width: 2px;
  background-repeat: no-repeat;
}

.Light_ru {
  position: absolute;
  top: 2px;
  right: 3px;
  height: 2px;
  width: 2px;
  background-repeat: no-repeat;
}

.Light_ld {
  position: absolute;
  height: 2px;
  width: 2px;
  top: 28px;
  left: 3px;
}

.Icon {
  position: absolute;
  height: 32px;
  width: 32px;
  top: 0px;
  left: 8px;
}

.Label {
  position: absolute;
  height: 22px;
  width: 116px;
  top: 6px;
  left: 42px;
}

/* Submenus(items) */

.LeftChain {
  position: absolute;
  top: 0px;
  left: -5px;
  height: 33px;
  width: 7px;
  background-repeat: repeat-y;
}

.RightChain {
  position: absolute;
  top: 0px;
  right: -4px;
  height: 33px;
  width: 7px;
  background-repeat: repeat-y;
}

.Submenu {
  position: relative;
  margin-left: 5px;
  margin-right: 5px;
  background-color: #0D2E2B;
  width: 160px;
}

.Submenuitem {
  position: relative;
  margin: 0px;
  padding: 0px;
}

.ActiveSubmenuItemIcon {
  position: absolute;
  top: 5px;
  left: 3px;
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  visibility: hidden;
}

.SubmenuitemLabel {
  margin: 0px;
  border-top: 0;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 15px;
  border-bottom: 1px solid #4b7874;
  overflow: hidden;
}

/* Submenu links */
.Submenu a:link    { color: #d7d7d7; text-decoration: none; }
.Submenu a:visited { color: #d7d7d7; text-decoration: none; }
.Submenu a:focus   { color: #d7d7d7; text-decoration: none; }
.Submenu a:active  { color: white; text-decoration: none; }
.Submenu a:hover   { color: white; text-decoration: none; }

/** -------------------------------
 *  Stylesheet declarations for the
 *  CONTENT AREA
 *  -------------------------------
 */

.Content .BoxContent {
  padding: 20px;

}

/* "tanhack" for correction of IE bug */
* html .Content {
  top: -5px;
}

.Content {
  position: relative;
  top: 0px;
  width: 100%;
 
}

/* "star-HTML-hack" to correct the position of the content area */
* html .Content {
  position: relative;
  top: 796px;
  margin: 20px;
  border: 0px dashed #061222;
  border-right-width: 550px;
}

#ContentHelper {
  position: relative;
}

/* "star-HTML-hack" to to implement min-width in IE */
* html #ContentHelper {
  display: inline-block;
  position: relative;
  top: -800px;
  margin: -20px;
  margin-right: -570px;
}

.Content .Box {
  font-size: 0pt;
  position: relative;
  margin: 5px;
  margin-bottom: 18px;
  color: #5A2800;
  border-left: 2px solid #3a3738;
  border-right: 2px solid #3a3738;
  background-color: #debb9d;
  background-repeat: no-repeat;
  overflow: visible;
}

.Content .BoxContent {
  font-family: Verdana, Arial, Times New Roman, sans-serif;
  font-size: 9pt;
  background-color: #FFF2db;
  color: #5A2800;
  min-height: 395px;
  height: auto !important;
  height: 415px;
}

/* "star-HTML-hack" to correct Box width in IE */
* html .Content .Box {
  width: 100%;
}
/* "star-HTML-hack" to correct BoxContent width in IE */
* html .Content .BoxContent {
  width: 100%;
}

.Content th {
  font-family: Verdana, Arial, Times New Roman, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  text-align: left;
  color: white;
  background-color: #505050;
}

.Content .BoxContent td {
  font-family: Verdana, Arial, Times New Roman, sans-serif;
  font-size: 10pt;
  color: #5A2800;
 }

/* Content Links */

.Content a {
  font-family: Verdana, Arial, Times New Roman, sans-serif;
  font-weight: bold;
  color: #004294;
  text-decoration: none;
}
.Content a:hover {
  font-family: Verdana, Arial, Times New Roman, sans-serif;
  font-weight: bold;
  text-decoration: underline;
  color: #0063DC;
}
.Content .HelpLink {
  font-size: 7pt;
  cursor: pointer;
}

/* Corners */

.Content .Corner-tl {
  position: absolute;
  top: -4px;
  left: -5px;
  width: 17px;
  height: 17px;
  z-index: 50;
}

.Content .Corner-tr {
  position: absolute;
  top: -4px;
  right: -5px;
  width: 17px;
  height: 17px;
  z-index: 50;
}

.Content .BottomCornersHelper {
  position: absolute;
  width: 100%;
}

.Content .CornerWrapper-b {
  position: absolute;
  width:100%;
}

.Content .Corner-bl {
  position: absolute;
  bottom: -4px;
  left: -6px;
  width: 17px;
  height: 17px;
  z-index: 50;
}

.Content .Corner-br {
  position: absolute;
  bottom: -4px;
  right: -6px;
  width: 17px;
  height: 17px;
  z-index: 50;
}

/* Borders */

.Content .Border_1 {
  position: relative;
  height: 6px;
  width: 100%;
  background-repeat: repeat-x;
}

.Content .BorderTitleText {
  position: relative;
  height: 24px;
  background-repeat: repeat-x;
}

.Content .Title {
  position: absolute;
  top: 6px;
  left: 5px;
}

.Content .Border_2 {
  margin: 4px;
  padding: 0px;
  background-color: #793d03;
}

.Content .Border_3 {
  margin: 1px;
  border-top: 1px solid #793d03;
  border-bottom: 1px solid #793d03;
}

/** -------------------------------
 *  Stylesheet declarations for the
 *  THEMEBOXES of the Tibia
 *  website
 *  -------------------------------
 */

.Themebox {
  position: relative;
  margin-bottom: 10px;
  top: -4px;
  width: 180px;
  height: 154px;
}
#Themeboxes div {
  font-size: 10pt;
  background-repeat: no-repeat;
}
#Themeboxes .ThemeboxButton {
  position: absolute;
  bottom: 20px;
  left: 22px;
  height: 25px;
  width: 137px;
  cursor: pointer;
}
#Themeboxes .Bottom {
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 12px;
  width: 180px;
}
/* "star-HTML-hack" to correct the position of the bottom element */
* html #Themeboxes .Bottom {
  bottom: -3px;
}
#Themeboxes #PremiumBox {
  height: 164px;
}
#Themeboxes #ScreenshotBox #ScreenshotContent {
  position: relative;
  height: 111px;
  width: 170px;
  top: 31px;
  left: 0px;
  margin-left: 5px;
  margin-right: 5px;
  border: 0;
  cursor: pointer;
}
#Themeboxes #CurrentPollBox #CurrentPollText {
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  line-height: 11pt;
  color: #5A2800;
  position: absolute;
  height: 70px;
  width: 150px;
  top: 37px;
  left: 15px;
  padding-top: 5px;
  overflow: hidden;
}
#Themeboxes #SkyscraperBanner {
  border: 0;
}

/** -------------------------------
 *  OLD Stylesheet declarations for
 *  the CONTENT AREA
 *  -------------------------------
 */

.Content .BoxContent td .white {
  color: #EFEFEF;
  visibility: visible;
}

.Content .BoxContent td .whites {
  color: #EFEFEF;
  visibility: visible;
  font-size: 9pt;
}

.Content .BoxContent .white {
  color : #EFEFEF;
  visibility : visible;
}

.Content .BoxContent td .green {
  color : #00BF00;
}

.Content .BoxContent td .yellow {
  color : #FFBB05;
}

.Content .BoxContent td .red {
  color : #EF0000;
}

.Content .BoxContent td .grey {
  color : #808080;
}

/** -------------------------------
 *  OLD Stylesheet declarations for
 *  the CONTENT AREA (forum)
 *  -------------------------------
 */

.Content .BoxContent .ff_info {
  font-family : Verdana, Arial, Times New Roman, sans-serif;
  font-size : 10pt;
  color : #5A2800;
  visibility : visible;
}

.Content .ff_white a {
  color: #FFFFFF;
}

.Content .BoxContent .ff_white {
  font-family : Verdana, Arial, Times New Roman, sans-serif;
  color : #EFEFEF;
  visibility : visible;
  font-size : 7pt;
  font-weight: bold;
}

.Content .BoxContent .ff_red {
  font-family : Verdana, Arial, Times New Roman, sans-serif;
  color : #EF0000;
  visibility : visible;
  font-size : 8pt;
  font-weight: bold;
}

.Content .BoxContent .ff_whitelarge {
  font-family : Verdana, Arial, Times New Roman, sans-serif;
  color : #EFEFEF;
  visibility : visible;
  font-size : 9pt;
  font-weight: bold;
}

.Content .BoxContent .ff_info {
  font-family : Verdana, Arial, Times New Roman, sans-serif;
  font-size : 8pt;
  color : #5A2800;
  visibility : visible;
}

.Content .BoxContent .ff_infotext {
  font-family : Verdana, Arial, Times New Roman, sans-serif;
  font-size : 8pt;
  color : #5A2800;
  visibility : visible;
  line-height: 12pt;
}

.Content .BoxContent .ff_smallinfo {
  font-family : Verdana, Arial, Times New Roman, sans-serif;
  font-size : 7pt;
  color : #5A2800;
  visibility : visible;
}

.Content .BoxContent .ff_large {
  font-family : Verdana, Arial, Times New Roman, sans-serif;
  font-size : 12pt;
  color : #5A2800;
  visibility : visible;
}

.Content .BoxContent .ff_pagetext {
  font-family : Verdana, Arial, Times New Roman, sans-serif;
  font-size : 9pt;
  color : #5A2800;
  visibility : visible;
  line-height: 13pt;
}

.Content .BoxContent .ff_pagetextgrey {
  font-family : Verdana, Arial, Times New Roman, sans-serif;
  font-size : 9pt;
  color : #505050;
  visibility : visible;
  line-height: 13pt;
}

.Content .BoxContent .ff_pagetextred {
  font-family : Verdana, Arial, Times New Roman, sans-serif;
  font-size : 9pt;
  color : #F00;
  visibility : visible;
  line-height: 13pt;
}

.Content .BoxContent .ff_correct {
  font-family : Verdana, Arial, Times New Roman, sans-serif;
  font-size : 11pt;
  color : #FF0000;
  visibility : visible;
  font-weight: bold;
}

/** --------------------------------------
 *  ### not final versions for tests
 *  ### concerning the new payment process
 *  --------------------------------------
 */

/* new error handling concept tests */

.FormFieldError {
  font-size: 8pt;
  color: red;
}
.SmallBox {
  position: relative;
  font-size: 1px;
}
.SmallBox .ErrorMessage {
  font-size: 8pt;
  position: relative;
  color: red;
  height: 100%;
  background-color: #d4c0a1;
  padding: 5px;
  padding-left: 43px;
}
.SmallBox .Message {
  font-size: 10pt;
  position: relative;
  height: 100%;
  background-color: #d4c0a1;
  padding: 10px;
}
.SmallBox .ErrorMessage ul {
  padding-left: 15px;
}
.SmallBox .BoxFrameHorizontal {
  position: relative;
  height: 4px;
}
.SmallBox .BoxFrameVerticalRight {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 3px;
  background-repeat: repeat-y;
  height: 100%;
}
.SmallBox .BoxFrameVerticalLeft {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 3px;
  background-repeat: repeat-y;
  height: 100%;
}
.SmallBox .MessageContainer {
  position: relative;
  height: 100%;
}
.SmallBox .BoxFrameEdgeLeftTop {
  position: absolute;
  left: -1px;
  top: -1px;
  width: 5px;
  height: 5px;
}
.SmallBox .BoxFrameEdgeLeftBottom {
  position: absolute;
  left: -1px;
  bottom: -1px;
  width: 5px;
  height: 5px;
}
.SmallBox .BoxFrameEdgeRightTop {
  position: absolute;
  right: -1px;
  top: -1px;
  width: 5px;
  height: 5px;
}
.SmallBox .BoxFrameEdgeRightBottom {
  position: absolute;
  right: -1px;
  bottom: -1px;
  width: 5px;
  height: 5px;
}
.SmallBox .AttentionSign {
  position: absolute;
  top: 3px;
  left: 8px;
  width: 30px;
  height: 26px;
}


/** ---------------------------------
 *  ### not finished versions for the
 *  ### payment process PROGRESS BAR
 *  ---------------------------------
 */

#ProgressBar #Headline {
  text-align: center;
  font-size: 12pt;
  font-weight: bold;
  margin-bottom: 5px;
}
#ProgressBar #MainContainer {
  position: relative;
  top: 10px;
  height: 50px;
  margin-bottom: 25px;
}
#ProgressBar #BackgroundContainer {
  position: relative;
  width: 100%;
}

#ProgressBar #BackgroundContainerLeftEnd {
  position: absolute;
  float: left;
}
#ProgressBar #BackgroundContainerCenter {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 17px;
  width: 100%;
}
#ProgressBar #BackgroundContainerCenterImage {
  position: relative;
  margin-left: 25px;
  margin-right: 25px;
  height: 17px;
}
#ProgressBar #BackgroundContainerRightEnd {
  position: absolute;
  right: 0px;
  top: 0px;
  float: right;
}
#ProgressBar #TubeLeftEnd {
  position: absolute;
  left: 25px;
  top: 4px;
}
#ProgressBar #TubeRightEnd {
  position: absolute;
  right: 25px;
  top: 4px;
  z-index: 0;
}
#ProgressBar .Steps {
  position: relative;
  height: 39px;
  font-size: 9px;
  float: left;
  top: -11px;
  ;
}
#ProgressBar #StepsContainer1 {
  text-align: right;
  margin-left: 92px;
  margin-right: 40px;
  height: 10px;
}
#ProgressBar #StepsContainer2 {
  width: 100%;
  height: 10px;
}
#ProgressBar .TubeContainer {
  position: relative;
  padding-right: 47px;
}
#ProgressBar .Tube {
  position: relative;
  top: 16px;
  left: 0px;
  width: 100%;
  height: 7px;
  background: #FFFFFF none repeat scroll 0%;
}
* html #ProgressBar .Tube {
  top: 13px;
}
#ProgressBar .SingleStepContainer {
  position: absolute;
  top: 0px;
  width: 47px;
  height: 30px;
  right: 0px;
  text-align: center;
}
#ProgressBar #FirstStep .SingleStepContainer {
  left: 45px;
  width: 47px;
  position: absolute;
}
#ProgressBar .StepIcon {
  position: absolute;
  right: 0px;
}
* html #ProgressBar .StepIcon {
  right: -1px;
}
#ProgressBar #FirstStep .StepIcon {
  top: 0px;
  left: 0px;
}
#ProgressBar .StepText {
  top: 40px;
  position: absolute;
  width: 200px;
  right: -77px;
}


/** -------------------------------
 *  Stylesheet declarations for the
 *  NEW TABLES
 *  -------------------------------
 */

.TableContainer {
  border: 1px solid black;
  position: relative;
  width: 100%;
}
.TableContainer .Odd {
  background-color: #f1e0c6;
}
.TableContainer .Even {
  background-color: #d5c0a1;
}

/* TABLEHEADER DECORATION */
.TableContainer .CaptionContainer {
  position: relative;
  background-color: #5f4d41 !important;
  height: 100%;
  width: 100%;
  text-align: left;
}
.TableContainer .CaptionContainer .CaptionInnerContainer {
	position: relative;
  background-color: #5f4d41;
  width: 100%;
  height: 100%;
  padding-top: 3px;
  padding-bottom: 4px;
}
.TableContainer .CaptionContainer .Text {
  font-family: Verdana, Arial, Times New Roman, sans-serif;
  font-weight: bold;
  text-align: left;
  color: white;
  padding-left: 10px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.TableContainer .CaptionContainer .CaptionEdgeLeftTop {
	position: absolute;
  width: 5px;
  height: 5px;
	top: -2px;
  left: -2px;
  z-index: 50;
}
.TableContainer .CaptionContainer .CaptionEdgeRightTop {
	position: absolute;
  width: 5px;
  height: 5px;
	top: -2px;
  right: -2px;
  z-index: 50;
}
.TableContainer .CaptionContainer .CaptionEdgeLeftBottom {
	position: absolute;
  width: 5px;
  height: 5px;
	left: -2px;
	bottom: -3px;
  z-index: 50;
}
.TableContainer .CaptionContainer .CaptionEdgeRightBottom {
	position: absolute;
  width: 5px;
  height: 5px;
	right: -2px;
	bottom: -3px;
  z-index: 50;
}
.TableContainer .CaptionContainer .CaptionBorderTop {
  position: absolute;
  width: 100%;
  height: 4px;
  left: 0px;
  top: -1px;
}
.TableContainer .CaptionContainer .CaptionBorderBottom {
  position: absolute;
  width: 100%;
  height: 4px;
  left: 0px;
  bottom: -2px;
}
.TableContainer .CaptionContainer .CaptionVerticalLeft {
  position: absolute;
  height: 100%;
  width: 3px;
  left: -1px;
  top: 0px;
}
.TableContainer .CaptionContainer .CaptionVerticalRight {
  position: absolute;
  height: 100%;
  width: 3px;
  right: -1px;
  top: 0px;
}
* html .TableContainer .CaptionContainer .CaptionEdgeRightTop {
  right: -3px;
}
* html .TableContainer .CaptionContainer .CaptionEdgeLeftBottom {
  bottom: -4px;
}
* html .TableContainer .CaptionContainer .CaptionEdgeRightBottom {
  right: -3px;
  bottom: -4px;
}
* html .TableContainer .CaptionContainer .CaptionBorderBottom {
  bottom: -3;
}
* html .TableContainer .CaptionContainer .CaptionVerticalRight {
  right: -2px;
}
/* TABLE CONTENT */
.TableContentContainer {
  border: 1px solid #5F4D41;
  position: relative;
  margin-right: 4px;
  height: 100%;
  background-color: #d4c0a1;
  padding: 0px;
}
.TableContent {
  width: 100%;
  border-collapse: collapse;
}
.TableContent td {
  padding-left: 5px;
  padding-top: 2px;
  padding-right: 5px;
  padding-bottom: 2px;
}
/* INNERLYOUT 1 */
.TableContainer .Table1 {
  width: 100%;
  background-color: #d4c0a1;
  border: 2px solid #55636c;
}
.TableContainer .Table1 .InnerTableContainer {
  padding: 5px;
}
/* INNERLYOUT 2 */
.TableContainer .Table2 {
  width: 100%;
  border: 2px solid #55636c;
  background-color: #f1e0c5;
  padding: 0px;
  margin: 0px;
  border-collapse: collapse;
}
.TableContainer .Table2 td {
  padding: 0px;
  margin: 0px;
}
.TableContainer .Table2 .InnerTableContainer {
  margin-top: 1px;
}
.TableContainer .Table2 .InnerTableContainer table {
  border-collapse: collapse;
}
.TableContainer .Table2 .InnerTableContainer td {
  padding-top: 2px;
  padding-left: 5px;
  padding-bottom: 2px;
  padding-right: 5px;
  border: 1px solid #faf0d7;
}
/* INNERLYOUT 3 */
.TableContainer .Table3 {
  width: 100%;
  border: 2px solid #55636c;
  background-color: #f1e0c5;
}
.TableContainer .Table3 .InnerTableContainer {
  width: 100%;
  position: relative;
  margin-top: 5px;
  margin-left: 3px;
}
.TableContainer .Table3 .TableContentAndRightShadow td {
  border: 1px solid #faf0d7;
}
/* INNERLYOUT 4 */
.TableContainer .Table4 {
  width: 100%;
  border: 2px solid #55636c;
  background-color: #f1e0c5;
}
.TableContainer .Table4 .InnerTableContainer {
  width: 100%;
  position: relative;
  margin-top: 3px;
}
.TableContainer .Table4 .TableContentAndRightShadow .TableContent td {
  padding-left: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
}
/* INNERLYOUT 5 */
.TableContainer .Table5 {
  width: 100%;
  border: 2px solid #55636c;
  background-color: #f1e0c5;
}
.TableContainer .Table5 .InnerTableContainer {
  width: 100%;
  position: relative;
  margin-top: 5px;
  margin-left: 3px;
}
.TableContainer .Table5 .TableContentAndRightShadow .TableContent td {
  padding-left: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
}
/* SHADOWS */
.TableShadowContainerRightTop {
  position: relative;
  top: 0px;
  right: 3px;
  margin-right: 0px;
  float: right;
  z-index: 99;
}
.TableShadowRightTop {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 4px;
  height: 5px;
  z-index: 99;
}
.TableContentAndRightShadow {
  position: relative;
  background-repeat: repeat-y;
  background-position: top right;
  margin-right: 3px;
}
.TableShadowContainer {
  position: relative;
  widht: 100%;
  margin-right: 5px;
}
.TableBottomShadow {
  position: relative;
  height: 5px;
  width: 100%;
  padding: 0px;
  margin: 0px;
}
.TableBottomLeftShadow {
  position: relative;
  height: 5px;
  width: 4px;
  float: left;
  padding: 0px;
  margin: 0px;
}
.TableBottomRightShadow {
  position: relative;
  float: right;
  right: -2px;
  top: 0px;
  height: 5px;
  width: 4px;
}
/* LABELS */
.LabelV {
  font-weight: bold;
  padding-right: 10px;
  white-space: nowrap;
  vertical-align: top;
}
.LabelH {
  font-weight: bold;
  padding-right: 10px;
  white-space: nowrap;
  background-color: #d5c0a1;

}
.LabelH td {
  background-color: #d5c0a1;
  padding-left: 5px;
  padding-top: 2px;
  padding-right: 5px;
  padding-bottom: 2px;
}

/* BUTTONS */
.InnerTableButtonRow {
  width: 100%;
  padding-left: 1px;
  padding-right: 0px;
  padding-bottom: 4px;
  border: 0px;
}
.InnerTableButtonRow td {
  padding-right: 4px;
}
.BigButton {
  position: relative;
  width: 135px;
  height: 25px;
  z-index: 10;
}
.BigButtonOver {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 137px;
  height: 25px;
  visibility: hidden;
  z-index: 15;
}
.ButtonText {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 25px;
  width: 135px;
  z-index: 20;
}
.TopButtonContainer {
  position: relative;
  right: 4px;
  top: 4px;
  z-index: 60;
}
* html .TopButtonContainer {
  right: 27px;
}
.TopButtonContainer .TopButton {
  position: absolute;
  right: 0px;
  z-index: 55;
}
.Content .BoxContent .Odd {
  background-color: #D4C0A1;
  padding: 2px;
}

.Content .BoxContent .Even {
  background-color: #F1E0C6;
  padding: 2px;
}

.Content .NewsCategoryIconSmall {
  position: absolute;
  top: 1px;
  left: 1px;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
}
.Content .BoxContent .Odd {
  background-color: #D4C0A1;
  padding: 2px;
}

.Content .BoxContent .Even {
  background-color: #F1E0C6;
  padding: 2px;
}

.Content .NewsCategoryIconSmall {
  position: absolute;
  top: 1px;
  left: 1px;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
}
.Content .BoxContent .Odd {
  background-color: #D4C0A1;
  padding: 2px;
}

.Content .BoxContent .Even {
  background-color: #F1E0C6;
  padding: 2px;
}

.Content .NewsCategoryIconSmall {
  position: absolute;
  top: 1px;
  left: 1px;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
}

/* News Ticker */

.Content #NewsTicker .BoxContent {
  padding: 5px;
  min-height: 90px;
  height: auto !important;
  height: 100px;
}

.Content #NewsTicker .BoxContent .Row {
  position: relative;
  width: 100%;
}

.Content #NewsTicker .NewsTickerIcon {
  position: absolute;
  top: 1px;
  left: 1px;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
}

.Content #NewsTicker .NewsTickerText {
  position: relative;
  margin-left: 20px;
}

.Content #NewsTicker .NewsTickerDate {
  position: absolute;
  top: 0px;
  float: left;
}

.Content #NewsTicker .NewsTickerShortText {
  margin-left: 85px;
  height: 14px;
}

.Content #NewsTicker .NewsTickerFullText {
  margin-left: 85px;
  margin-right: 20px;
  display: none;
}

.Content #NewsTicker .NewsTickerExtend {
  position: relative;
  right: 0px;
  top: 1px;
  right: 1px;
  height: 12px;
  width: 12px;
  background-repeat: no-repeat;
  float: right;
  cursor: pointer;
  z-index: 10;
}

/* Featured Article */

.Content #FeaturedArticle .BoxContent {
  position:relative;
  height: 100px;
  padding: 5px;
  padding-left: 10px;
  min-height: 100px;
  height: auto !important;
  height: 110px;
  line-height: 10.5pt;
}

.Content #FeaturedArticle #TeaserThumbnail {
  position: relative;
  top: 0px;
  right: 0px;
  height: 100px;
  width: 150px;
  margin-left: 10px;
  background-color: black;
  z-index: 90;
  float: right;
}

#ContentHelper #FeaturedArticle:first-child .BoxContent {
  padding: 10px;
}

.Content #FeaturedArticle #TeaserText {
  height: 100px;
  overflow: hidden;
  z-index: 0;
}

.Content #FeaturedArticle #Link {
  position: absolute;
  top: 0px;
  right: 0px;
  margin: 89 165 0 0;
  z-index: 99;
}

.Content #FeaturedArticle .NewsHeadlineBackground {
  position: relative;
  height: 28px;
  margin-bottom: 5px;
  background-repeat: repeat-x;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
}

.Content #FeaturedArticle .NewsHeadlineIcon {
  position: absolute;
  top: -1px;
  left: 0px;
  margin-left: 5px;
  margin-right: 5px;
  float:left;
}

.Content #FeaturedArticle .NewsHeadlineDate {
  position: absolute;
  top: 9px;
  left: 50px;
  width: 85px;
  color: white;
}

.Content #FeaturedArticle .NewsHeadlineText {
  position: relative;
  top: 8px;
  left: 135px;
  font-weight: bold;
  color: white;
}

/* News */

.Content #News .BoxContent {
  min-height: 100px;
  height: auto !important;
  height: 110px;
}

.Content #News .NewsHeadlineBackground {
  position: relative;
  height: 28px;
  margin-bottom: 5px;
  background-repeat: repeat-x;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
}

.Content #News .NewsHeadlineIcon {
  position: absolute;
  top: -1px;
  left: 0px;
  margin-left: 5px;
  margin-right: 5px;
}

.Content #News .NewsHeadlineDate {
  position: absolute;
  top: 10px;
  left: 50px;
  width: 85px;
  color: white;
}

.Content #News .NewsHeadlineText {
  position: relative;
  top: 7px;
  left: 135px;
  font-weight: bold;
  color: white;
}

/* News Archive */

.Content #NewsArchive .NewsHeadlineBackground {
  position: relative;
  height: 28px;
  margin-bottom: 50px;
  background-repeat: repeat-x;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
}

.Content #NewsArchive .NewsHeadlineIcon {
  position: absolute;
  top: -1px;
  left: 0px;
  margin-left: 5px;
  margin-right: 5px;
}

.Content #NewsArchive .NewsHeadlineDate {
  position: absolute;
  top: 9px;
  left: 50px;
  width: 85px;
  color: white;
}

.Content #NewsArchive .NewsHeadlineText {
  position: relative;
  top: 7px;
  left: 135px;
  font-weight: bold;
  color: white;
}

default.css
 

@charset "utf-8";
/*
Elemental Layout Coded By Bufo Designed By Squidy
(c) No rights reserved.
*/

/* General CSS Settings */
* {margin:0; padding:0;}
a {color:#b26400;}
a img {border:0;}
a:active {outline:none;}
a:focus {outline:none; -moz-outline-style:none;}
a:hover {color:white; text-decoration:none;}
object {outline:none; -moz-outline-style:none;}
p {margin:1.8em 0;}
p.lead {margin-top:0;}
em em {font-style:normal;}
.relative {position:relative;}
.left {float:left;}
.right {float:right;}1


/* Page show */
html {}

body
{
	background: #000000 url('../_img/background/background.jpg') top center no-repeat;
	-webkit-background-size: cover;
        -moz-background-size: cover;
 	o-background-size: cover;
	background-size: cover;
	font-size: 11px;
	color: #524b3a;
	font-family: 'Arial', Trebuchet MS, Helvetica, Tahoma, sans-serif;
	padding: 0px;
	margin: 0px;
	text-shadow: 0.5px 0px #000;
}

#page
{
	margin: auto;
	width: 990px;
	margin-top: -32px;
}

#top_bar
{
	background: url('../_img/bar/top_bar.png') top center repeat-x;
	margin: auto;
	height: 48px;
}

#logo-box
{
	margin: auto;
	width: 1000px;
	height: 300px;
}

#fotter
{
	background: url(../_img/content/bottom_frame.png) no-repeat;
	width: 591px;
	height: 100px;
	color: #fff;
	padding-top: 10px;
	font-weight: bold;
    text-align: center;
	text-shadow: 1px 1px #000;
}

#online
{
	background: url('../_img/status/online.png') center no-repeat;
	margin: auto;
	height: 100%;
	width: 100%;
}

#offline
{
	background: url('../_img/status/offline.png') center no-repeat;
	margin: auto;
	height: 100%;
	width: 100%;
}

#bottom_bar
{
	background: url('../_img/bar/bottom_bar.png') top center repeat-x;
	margin: auto;
	height: 74px;
}

#title
{
	color: #f9aa72;
	padding-top: 15px;
	font-weight: bold;
    text-align: center;
	text-shadow: 1px 1px #000;
}

#status_box
{
	color: #dbbd6e;
	background: url('../_img/content/status_box.png') top center no-repeat;
	margin: auto;
	height: 233px;
	width: 580px;
}

  /*=================*/
 /*Content Container*/
/*=================*/

#cnt-box
{
	width: 1000px;
	float: left;
}

	#cnt-container
	{
		width: 1000px;
		margin: auto;
	}
	
	#cnt-left
	{
		width: 200px;
		float: left;
	}

  /*=========*/
 /* Content */
/*=========*/

#content-cnt
{
	width: 591px;
	float: left;
}

#content-bg
{
	background: url(../_img/content/content.png) repeat-y;
	min-height: 630px;
}

#content-text
{
	width: 526px;
	margin: auto;
}

  /*===================*/
 /*Menu left Container*/
/*===================*/
ul
{
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#bg_menu
{
	width: 200px;
	background: url(../_img/menu_left/background.png) repeat-y;
	float: left;
}

#menu
{
	margin: 6px;
	font-size: 12px;
	font-weight: bold;
	text-align: justify;
	float: left;
}

#menu-top
{
	width: 188px;
	height: 34px;
	background: url(../_img/menu_left/nav-top.png) no-repeat;
	color: #e79a20;
	font-size: 15px;
	text-align: center;
	padding-top: 7px;
	text-shadow: 2px 2px #000;
}

#menu-bottom
{
	margin: -4px 0px 0px -2px;
	width: 205px;
	height: 49px;
	background: url(../_img/menu_left/nav-bottom.png) no-repeat;
	float: left;
	color: #CCCCCC;
	padding-left: 20px;
	padding-top: 15px;
}

#menu li {
	padding: 0px 0 4px 0px;
	display: block;
	width: 178px;
	background: url(../_img/menu_left/menu-li-bg.png) no-repeat bottom;
}

#menu .last {
	margin-bottom: 6px;
}

#menu li a {
	color: #CEA04B;
	padding: 5px 0px 0 20px;
	text-decoration: none;
	display: block;
	width: 100%;
	background: url(../_img/menu_left/menu-li-a-bg-hover.png) no-repeat 2px 2px;
}

#menu li a:hover {
	color: #DDD;
	text-decoration: none;
	display: block;
	width: 100%;
	background: url(../_img/menu_left/menu-li-a-bg.png) no-repeat 2px 2px;
}

  /*====================*/
 /*Menu Right Container*/
/*====================*/
#bg_menu2
{
	width: 200px;
	background: url(../_img/menu_right/background.png) repeat-y;
	float: left;
}

#menu2
{
	margin: 6px;
	font-size: 12px;
	font-weight: bold;
	text-align: justify;
	float: left;
}

#menu-top2
{
	width: 188px;
	height: 34px;
	background: url(../_img/menu_right/nav-top.png) no-repeat;
	color: #6ad3ff;
	font-size: 15px;
	text-align: center;
	padding-top: 7px;
	text-shadow: 2px 2px #000;
}

#menu-bottom2
{
	margin: -4px 0px 0px -2px;
	width: 205px;
	height: 49px;
	background: url(../_img/menu_right/nav-bottom.png) no-repeat;
	float: left;
	color: #CCCCCC;
	padding-left: 20px;
	padding-top: 15px;
}

#menu2 li {
	padding: 0px 0 4px 0px;
	display: block;
	width: 178px;
	background: url(../_img/menu_right/menu-li-bg.png) no-repeat bottom;
}

#menu2 .last {
	margin-bottom: 6px;
}

#menu2 li a {
	color: #288ba5;
	padding: 5px 0px 0 20px;
	text-decoration: none;
	display: block;
	width: 100%;
	background: url(../_img/menu_right/menu-li-a-bg-hover.png) no-repeat 2px 2px;
}

#menu2 li a:hover {
	color: #4adbff;
	text-decoration: none;
	display: block;
	width: 100%;
	background: url(../_img/menu_right/menu-li-a-bg.png) no-repeat 2px 2px;
}

input.acc {
	background: url(../_img/buttons/acc.png) no-repeat;
	width:176px;
	height:21px;
	color:white;
	margin-bottom:5px;
	border: 0px;
}

input.pass {
	background: url(../_img/buttons/pass.png) no-repeat;
	width:176px;
	height:21px;
	color:white;
	margin-bottom:5px;
	border: 0px;
}

input.login {
	background: url(../_img/buttons/login.png) no-repeat;
	width:71px;
	height:26px;
	color:white;
	margin-bottom:5px;
	border: 0px;
}

.white
{
	color: #FFF;
	font-weight: bold;
}

.whites
{
	color: #FFF;
	font-weight: bold;
}
Editado por Disturbbed (veja o histórico de edições)
Link para o post
Compartilhar em outros sites
Rusherzin

Rusherzin 527

Postado
Postado

No :mellow: 
Não sei muito de site, mas acho que é no .css, e também não sei em que parte é :c

                                                                     Ajudei? De nada \o/                                            Att Rusherzin

Link para o post
Compartilhar em outros sites
fezeRa

fezeRa 44

Postado
  • Autor
Postado

Acho que seria fazer 1 tabela com 2 tabelas dentro, 1 pra quests outra pra skills, porem, sou leigo em tabelas.. e ainda mais colocar funções dentro

Link para o post
Compartilhar em outros sites

Participe da conversa

Você pode postar agora e se cadastrar mais tarde. Se você tem uma conta, faça o login para postar com sua conta.

Visitante
Responder

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emojis são permitidos.

×   Seu link foi automaticamente incorporado.   Mostrar como link

×   Seu conteúdo anterior foi restaurado.   Limpar o editor

×   Não é possível colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Seguidores 0
Ir para a lista de tópicos

  • Quem Está Navegando   0 membros estão online

    Nenhum usuário registrado visualizando esta página.

  • Conteúdo Similar

    • Sociopata
      Entendendo o PHPMYADMIN
      Por Sociopata
      Olá estou meio sumido do fórum sim, mas agora estou de volta para ajudar vocês, estava estudando php quando me deparei com isso e resolvi trazer para vocês para ajuda-los a melhor entender o phpmyadmin.
       
       
      1. Introdução – Usuários phpMyAdmin ou usuários MySQL? Antes de mais nada, precisamos saber de um conceito muito importante para quem está começando a usar o phpMyAdmin: usuários. Muita gente se confunde nesta parte, porque na maioria das ferramentas web, você tem um usuário para se logar na ferramenta, que então vai gerenciar algo. No caso do phpMyAdmin, após a instalação não é necessário criar usuários na ferramenta. Isto acontece porque o phpMyAdmin se autentica diretamente no MySQL, utilizando os usuários do próprio banco de dados!
      Em outras palavras, quando falamos em usuários do phpMyAdmin, estamos falando de usuários do MySQL também: é a mesma coisa.
      Sabendo disso, a primeira coisa que devemos saber é: qual o usuário do MySQL que utilizaremos? Bem, neste tutorial, vou utilizar o usuário root do MySQL, pois vou usar a ferramenta para demonstrar como manusear os usuários do MySQL via phpMyAdmin.
       
      1.1. Verificando a senha de root do MySQL via linha de comando Se você acabou de instalar o MySQL, tanto no Linux, quanto no Windows, provavelmente você já saiba a senha de root (ou então ela esteja vazia). Se você já sabe e tem certeza da senha, pode pular à vontade este item.
      Para verificar a senha via linha de comando:
      $ mysql -u root -p Enter password: (digite a senha) Welcome to the MySQL monitor. Commands end with ; or \g. Your MySQL connection id is 224 Server version: 5.0.51a-15-log (Debian) Type 'help;' or '\h' for help. Type '\c' to clear the buffer. mysql> Se o prompt do mysql apareceu, então a senha está correta e iremos usar ela. Se ao invés disso aparecer:
      ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using password: YES) Isso quer dizer que a senha está errada. Muitas das vezes a senha do MySQL está vazia depois da instalação, para verificar, retire o parâmetro -p (de password) e veja se cai no prompt MySQL:
      $ mysql -u root [...] mysql> Caso isto aconteça, recomendo configurar a senha de root com o seguinte comando:
      $ mysqladmin -u root password 'novasenha' Substituindo novasenha pela senha desejada.
       
       
      1.2. Logando-se no phpMyAdmin Tendo em mãos a senha do root ou qualquer outro usuário do MySQL, acesse a página de login do phpMyAdmin. Aqui, a página estará sempre em:
      http://localhost/phpmyadmin/
      Dependendo do tipo de autenticação que você usou, o navegador vai te pedir um usuário e senha ou você vai cair numa página de login do próprio phpMyAdmin. No nosso caso, fomos presenteados pela página de login:
       

       
      Login do phpMyAdmin
      Estarei usando aqui o phpMyAdmin em português do Brasil.
      Se o login for correto, esta será a tela principal do phpMyAdmin:
       

       
      2. Acessando os usuários do banco de dados Já logado no phpMyAdmin, os usuários do banco de dados podem ser encontrados acessando a aba “Privilégios” (Privileges), que fica entre as abas na parte superior direita da ferramenta. Ao fazer isto, uma listagem dos privilégios de cada usuário vai aparecer na tela, como este exemplo:
       

       
      Lista de usuários do MySQL
      A ferramenta mostra os privilégios de cada usuário e ela faz desta forma porque no MySQL, se um usuário não tem privilégio algum, ele simplesmente não existe. Em outras palavras, não existem usuários propriamente ditos do MySQL, existem apenas métodos de acesso e permissões para este método.
      Mas para não complicar muito a nossa cabeça, vamos considerar como usuários mesmo.
      Note através do screenshot os campos de cada usuário:
      Usuário (User): é o nome do usuário propiamente dito. Por exemplo: root, eitch, kioshi. Podem existir duplicatas desses nomes e nesse caso o que vai diferenciar pode ser o próximo campo. Quando este campo está como “Qualquer”, isso quer dizer o servidor de banco de dados pode ser acessadosem usuário. (comando: mysql -u ‘ ‘) Servidor (Host): de onde o usuário vem. Aqui colocamos de qual IP ou hostname certo usuário pode acessar. Você pode restringir o usuário root, por exemplo, para ser acessado apenas da máquina local (localhost), enquanto o usuário eitch pode ser acessado apenas de 192.168.0.1. O caracter %significa de qualquer lugar. Senha (Password): mais simples impossível: se o usuário tem uma senha configurada ou não. Privilégios Globais (Global Privileges): o que o usuário pode fazer em todo o servidor de banco de dados. Cada um desses privilégios é expresso na sintaxe SQL, que é inglês. Por exemplo: SELECT é consultar dados de um banco, UPDATE é atualizar os dados, DELETE é remover e por aí vai. Conceder/Grant (Grant): Se sim, o usuário pode conceder privilégios à outros usuários. Geralmente utilizado por “super-usuários”, ou seja, os roots de um banco de dados. Conhecendo os campos, vamos considerar então as informações principais:
      Os usuários sempre serão expressos como: usuario@host (campos Usuário e Servidor). Existem privilégios globais e específicos. Nos globais, o usuário pode fazer tudo em todo servidor MySQL. Nos locais, o usuário poderá fazer ações apenas em bancos de dados específicos ou tabelas. 3. Criando e editando usuários  
      Para entender melhor o esquema de privilégios, vamos criar aqui o usuário devin. Na aba Privilégios (Privileges), logo abaixo da tabela com a lista de usuários, clique em Adicionar novo usuário (Add new user).
       

       
      dicionar novo usuário MySQL
      Preencha os campos conforme as instruções dadas anteriormente, marque a opção “Criar Banco de Dados como mesmo nome e conceder todos os privilégios” (Create database with same name and grant all privileges), para que a ferramenta já crie um banco de dados vazio pra gente ficar testando depois. Em seguida, clique em Executar lá embaixo da página.
      Uma das coisas mais legais do phpMyAdmin é que ele diz exatamente o que está fazendo, em termos de comandos SQL. Por que isso é bom? Oras, utilizando uma interface gráfica as coisas ficam mais fáceis, mas um bom administrador de banco de dados tem que saber o que acontece lá dentro. O phpMyAdmin, a cada ação que faz, mostra ao usuário exatamente os comandos que ele executou:
       

       
      Sintaxe SQL para adicionar novo usuário
      Ou seja, se você quiser fazer a mesma operação via linha de comando (prompt mysql), é só reproduzir estes comandos!
      Com o usuário criado, caímos na tela de edição do usuário. Se voltarmos na página com a lista de usuários, esta tela de edição de usuário pode ser acessada clicando no ícone do “lápis” no canto direito de cada usuário.
      Nesta tela de edição, podemos mudar: privilégios globais do usuário; privilégios específicos em bancos de dados; senha; e informações de login.
      Lembra que criamos um banco de dados com o mesmo nome do usuário (devin)? Pois é, é interessante a gente ver que na parte para mudar os privilégios específicos em bancos de dados, podemos ver as permissões do usuário devin no banco de dados devin:
       

       
      Privilégios específicos de bancos de dados
      Veja que temos permissões para fazer tudo no banco de dados. Se clicarmos no “lápis” do campo Ação nesta tabela, poderemos também editar essas permissões:
       

       
      Desta forma, podemos controlar o que o usuário pode fazer em cada um dos bancos de dados do servidor. Com a interface gráfica do phpMyAdmin, fica muito mais fácil visualizar essas informações de privilégios.
       
       
      3.1. Exercício: Alterando os privilégios do usuário  
      Para fixar mais essa idéia, vamos fazer um pequeno exercício. Nosso objetivo será restringir o usuário devin para só poder consultar o banco de dados, nada mais que isso. Vamos considerar aqui que criamos o usuário devin exatamente como descrito neste tutorial, ou seja, ele tem todas as permissões para o banco de dados devin.
      Temos três tarefas:
      Adicionar alguns dados de teste no banco de dados devin; Alterar os privilégios do usuário devin; Testar, via phpMyAdmin, o que o usuário devin pode fazer. Primeiro vamos adicionar os dados, mas vamos fazer isso como usuário devin. Deslogue-se do usuário root no phpMyAdmin clicando no segundo botão do menu esquerdo (verde, “Exit“). Logue-se agora com o usuário recém-criado.
       

       
       
      Diferenças do phpMyAdmin para um usuário comum
      Note que agora, logado como um usuário “normal”, algumas coisas que o root possuía não existem mais:
      Os bancos de dados disponíveis para seleção diminuíram. Isto ocorre porque o usuário não tem permissão para acessar esses outros bancos (nenhum privilégio global por exemplo). Algumas abas não estão mais disponíveis, como por exemplo a aba de Privilégios. Este usuário comum também não pode criar novos bancos de dados. Continuando, clique no banco de dados devin do menu esquerdo para selecioná-lo. Em seguida, clique na aba SQL e coloque o seguinte conteúdo:
      CREATE TABLE teste ( id int(3) unsigned zerofill, campo1 varchar(50), texto text, PRIMARY KEY(id) ); Depois clique em Executar. Não querendo entrar em detalhes (esse é um assunto para um outro tutorial), este comando SQL criou uma tabela chamadateste com 3 campos: id, campo1 e texto.
      Agora, perceba que no menu esquerdo, logo abaixo do nome do banco de dados devin, aparecerá uma nova tabela, a que acabamos de criar (teste). Clique nela para abrir a página da tabela e depois clique na aba Inserir (Insert):
       

       
      Inserção de dados em uma tabela
      Preencha os campos conforme o exemplo da imagem e clique em Executar. Isto colocará dados dentro da tabela teste. Repita o processo quantas vezes quiser para colocar vários outros dados. Neste exemplo coloquei três linhas de dados.
      Clique na aba Visualizar (Browse) e veja que os dados foram criados com sucesso:
       

       
      Você pode clicar e mudar os dados que criou, pode alterar a tabela, pode criar outras tabelas. Em geral, pode fazer tudo dentro deste banco de dados (e vamos fazer muitas coisas em um outro tutorial).
      Agora deslogue-se do usuário devin e logue-se como root novamente. Vá na aba de Privilégios (Privileges) e edite o usuário devin@localhost. Em seguida, localize as permissões específicas para o banco de dados devin e clique no ícone de editar:
       

       
      Editar privilégios de um usuário:
      Agora desmarque todas as opções de privilégios, menos a de SELECT:
       

       
      Editando privilégios específicos de um usuário
      Clique em Executar e pronto. Agora deslogue-se do root e logue-se novamente como usuário devin. Tente fazer os mesmos procedimentos do começo do exercício, como por exemplo: criar tabelas, removê-las, editá-las, adicionar dados… Nada será possível! A única coisa que você poderá fazer é visualizar os dados através da aba “Visualizar” (Browse).
      Experimente logar-se novamente como root e ficar mudando e testando os privilégios deste usuário devin.
       
      4. Removendo usuários  
      Depois de muito experimentar com os privilégios dos usuários, chegou a hora de removê-los (se quiser, é claro). Para remover é bem simples, vá à aba de “Privilégios” (Privileges), marque os usuários que você quer remover e clique em “Remover os usuários selecionados” (Remove selected users).
      Cuidado, ao clicar em Executar, nenhuma confirmação irá aparecer, então tenha certeza do que está fazendo, senão terá que criar novamente o usuário caso apague sem querer.
       
      5. Descrições dos Privilégios  
      Para finalizar, deixo aqui uma descrição dos privilégios que os usuários podem ter em cada contexto (tabelas, bancos de dados, administração geral do servidor). Não são todos os privilégios disponíveis, mas sim os principais para um bom entendimento inicial.
      CREATE – Permite criar tabelas ou bancos de dados; DROP – Permite remover tabelas ou bancos de dados, juntamente com todo seu conteúdo; GRANT – Permite adicionar novos privilégios à outros usuários; ALTER – Permite alterar a estrutura de tabelas de um banco de dados; DELETE – Permite remover dados dentro de tabelas; INDEX – Permite criar índices de tabelas dentro de bancos de dados; INSERT – Permite inserir dados dentro de tabelas de um banco de dados; SELECT – Permite visualizar e fazer consulta aos dados de um banco de dados; UPDATE – Permite modificar os dados já existes (mudança de valores) dentro de tabelas de um banco de dados; LOCK TABLES (admin) – Permite “trancar” as tabelas, para que não haja mais atualizações nos dados. Utilizado principalmente para fazer backups dos dados (via mysqldump por exemplo); CREATE USER (admin) – Permite criar usuários; PROCESS (admin) – Permite mostrar as consultas e os dados de monitoramento do servidor de banco de dados; RELOAD (admin) – Permite recarregar as configurações do servidor de banco de dados; SHUTDOWN (admin) – Permite desligar o servidor de banco de dados; SUPER (admin) – Permite o usuário ser um super-usuário, que pode fazer tudo sem excessões.  
       
      CREDITOS:
      HUGO CISNEIROS   

TibiaKing

Open Tibia Server

Quer aprender a criar seu próprio servidor de Tibia? Então está no lugar certo, aqui você encontrará milhares de tutorias, scripts, códigos, mapas e utilitários para que você possa fazer o seu próprio servidor de Tibia começando do zero.

Redes Sociais

Anuncie no TibiaKing

Precisa de mais visibilidade em seus projetos? Quer fazer um plano publicitário para o seu servidor? Anuncie no OTKing e faça sua divulgação, possuímos centenas de acessos simultâneos e milhares diários, com certeza será a sua solução!

×
×
  • Criar Novo...

Informação Importante

Confirmação de Termo

  Eu aceito