Galera sei que o que irei postar agora não tem nada haver com o tema daqui e se nao for a area correta favor mudar,... mas seguinte 

Tenho este código ai:

MenuLabel
!text: tr('Account name')
anchors.left: parent.left
anchors.top: parent.top
text-auto-resize: false

PasswordTextEdit
id: accountNameTextEdit
anchors.left: parent.left
anchors.right: parent.right
anchors.top: prev.bottom
margin-top: 20

MenuLabel
!text: tr('Password')
anchors.left: prev.left
anchors.top: prev.bottom
margin-top: 10
text-auto-resize: false

PasswordTextEdit
id: accountPasswordTextEdit
anchors.left: parent.left
anchors.right: parent.right
anchors.top: prev.bottom
margin-top: 20

 

E eis aqui o resultado.

 

 

Gostaria que a label onde esta senha e conta ficasse na parte vermelha.

 

OBS: não 2 imagens é uma só, ja tentei diminuir a imagem fiz de tudo e um pouco mais, mas é bem provavel que eu nao tenha feito corretamente porque não sou muito voltado a area de programação e sim design, desde ja agradeço.

Galera sei que o que irei postar agora não tem nada haver com o tema daqui e se nao for a area correta favor mudar,... mas seguinte 

Tenho este código ai:

MenuLabel
!text: tr('Account name')
anchors.left: parent.left
anchors.top: parent.top
text-auto-resize: false

PasswordTextEdit
id: accountNameTextEdit
anchors.left: parent.left
anchors.right: parent.right
anchors.top: prev.bottom
margin-top: 20

MenuLabel
!text: tr('Password')
anchors.left: prev.left
anchors.top: prev.bottom
margin-top: 10
text-auto-resize: false

PasswordTextEdit
id: accountPasswordTextEdit
anchors.left: parent.left
anchors.right: parent.right
anchors.top: prev.bottom
margin-top: 20

 

E eis aqui o resultado.

 

 

Gostaria que a label onde esta senha e conta ficasse na parte vermelha.

 

OBS: não 2 imagens é uma só, ja tentei diminuir a imagem fiz de tudo e um pouco mais, mas é bem provavel que eu nao tenha feito corretamente porque não sou muito voltado a area de programação e sim design, desde ja agradeço.

Onde tem tr("Password") e tr("Account Name"), no final dele, adicione isso:

margin-left: 0

Ficando tipo assim:

 

  MenuLabel
    !text: tr('Account name')
    anchors.left: parent.horizontalcenter
    anchors.top: parent.top
    text-auto-resize: true
    margin-left: 0

  MenuLabel
    !text: tr('Password')
    anchors.left: prev.left
    anchors.top: prev.bottom
    margin-top: 8
    text-auto-resize: true
    margin-left: 0

Após isso, modifique o valor que está em 0 e vá testando no seu client, até ficar onde você quiser, você pode colocar números negativos(-1,-2,-3,-4...) e números positivos(1,2,3,4...).

nao da, assim que adicionado ele some a imagem.

olhem o codigo todo.

 

EnterGameWindow < MainWindow

  size: 678 424

  image-source: /images/ui/w11

 

EnterGameButton < Button

  width: 64

 

ServerListButton < UIButton

  size: 17 17

  image-source: /images/topbuttons/minimap

  image-color: #ffffffff

 

  $hover !disabled:

    image-color: #ffffff99

 

  $pressed:

    image-color: #ffffff44

 

  $disabled:

    image-color: #ffffff55

 

EnterGameWindow

  id: enterGame

  @onEnter: EnterGame.doLogin()

 

  MenuLabel

    !text: tr('Account name')

    anchors.left: parent.left

    anchors.top: parent.top

    text-auto-resize: false

 

  PasswordTextEdit

    id: accountNameTextEdit

    anchors.left: parent.left

    anchors.right: parent.right

    anchors.top: prev.bottom

    margin-top: 20

 

  MenuLabel

    !text: tr('Password')

    anchors.left: prev.left

    anchors.top: prev.bottom

    margin-top: 10

    text-auto-resize: false

 

  PasswordTextEdit

    id: accountPasswordTextEdit

    anchors.left: parent.left

    anchors.right: parent.right

    anchors.top: prev.bottom

    margin-top: 20

 

  MenuLabel

    id: serverLabel

    !text: tr('Server')

    anchors.left: prev.left

    anchors.top: prev.bottom

    margin-top: 25

    text-auto-resize: false

 

  ServerListButton

    id: serverListButton

    !tooltip: tr('Server list')

    anchors.right: parent.right

    anchors.top: serverLabel.bottom

    margin-top: 20

    @onClick: ServerList.show()

 

  TextEdit

    id: serverHostTextEdit

    !tooltip: tr('Make sure that your client uses\nthe correct game client version')

    anchors.left: parent.left

    anchors.right: serverListButton.left

    anchors.top: serverLabel.bottom

    margin-top: 20

    margin-right: 4

 

  MenuLabel

    id: clientLabel

    !text: tr('Client Version')

    anchors.left: parent.left

    anchors.top: serverHostTextEdit.bottom

    text-auto-resize: false

    margin-right: 10

    margin-top: 20

 

  ComboBox

    id: clientComboBox

    anchors.left: parent.left

    anchors.right: parent.horizontalCenter

    anchors.top: clientLabel.bottom

    margin-top: 20

    margin-right: 3

    width: 90

    menu-scroll: true

    menu-height: 125

    menu-scroll-step: 25

 

  MenuLabel

    id: portLabel

    !text: tr('Port')

    anchors.left: serverPortTextEdit.left

    anchors.top: serverHostTextEdit.bottom

    margin-top: 15

    text-auto-resize: false

 

  TextEdit

    id: serverPortTextEdit

    text: 7171

    anchors.right: parent.right

    anchors.left: parent.horizontalCenter

    anchors.top: clientComboBox.top

    margin-left: 3

 

  CheckBox

    id: rememberPasswordBox

    !text: tr('Remember password')

    !tooltip: tr('Remember account and password when starts client')

    anchors.left: parent.left

    anchors.right: parent.right

    anchors.top: prev.bottom

    margin-top: 20

    @onCheckChange: self:getParent():getChildById('autoLoginBox'):setEnabled(self:isChecked())

 

  CheckBox

    id: autoLoginBox

    enabled: false

    !text: tr('Auto login')

    !tooltip: tr('Open charlist automatically when starting client')

    anchors.left: parent.left

    anchors.right: parent.right

    anchors.top: prev.bottom

    margin-top: 10

 

  EnterGameButton

    !text: tr('Ok')

    anchors.right: parent.right

    anchors.bottom: parent.bottom

    @onClick: EnterGame.doLogin()

 

  Label

    id: serverInfoLabel

    font: verdana-11px-rounded

    anchors.bottom: parent.bottom

    anchors.left: parent.left

    color: green

    text-auto-resize: 

O tópico foi movido para a área correta, preste mais atenção da próxima vez!

Leia as regras do fórum: http://tibiaking.com/forum/topic/1281-regras-gerais/?p=7680

Este tópico foi movido:

De: "OTServ → Clients OTServ"

Para: "OTServ → Suporte OTServ → Suporte de Clients"

Amigo, não cheguei mexer na parte gráfica do OTClient, porém pelo que estou vendo ele aceita regras de css, não sei se todas, mais você já tentou usar um text-align: center ?

OU ASSIM

MenuLabel

!text: tr('Account name')

anchors.left: parent.left

anchors.top: parent.top

text-auto-resize: false

margin-left: 15

MenuLabel

!text: tr('Password')

anchors.left: prev.left

anchors.top: prev.bottom

margin-top: 10

margin-left: 15

text-auto-resize: false

Editado Março 2, 2015 10 anos por Bruno Minervino (veja o histórico de edições)