Tagged: , ,

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • May 23, 2016 at 1:18 pm #636749
    lleonera

    Hi!

    I have an acces box that I will like to make it nicer, better design. Here you can check what I mean (acceso clientes box): http://web.soladomingo.com/sergi2/?preview_id=429&preview_nonce=481bc3df07&preview=true

    I have use this code:
    <table border=”0″ width=”200″ cellspacing=”0″ cellpadding=”0″ align=”center”>
    <tbody>
    <tr style=”height: 10;”>
    <td align=”left” width=”70″>USUARIO:</td>
    <td align=”right” width=”130″><input name=”login” type=”TEXT” /></td>
    </tr>
    <tr style=”height: 10;” bgcolor=”white”>
    <td align=”left” width=”70″>CONTRASEÑA:</td>
    <td align=”right” width=”130″><input name=”pwd” size=”20″ type=”password” /></td>
    </tr>
    </tbody>
    </table>

    I will like to set up a background color and also add a button of acces. A better design if it’s possible, more tight and to fit better in the page.

    It’s is urgent because I have to show it to the client as soon as possible!
    Thank you so much!

    May 23, 2016 at 11:51 pm #637172
    Jordan

    Hey lleonera,

    Thanks for getting in touch with us!

    I’m unable to see the issue as we do not have access to the page link you provided.

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • the URL to the login screen
    • a valid username (with full administration capabilities)
    • as well as a password for that username.

    Best regards,
    Jordan

    May 24, 2016 at 11:09 am #637360
    lleonera

    Hey!

    This is the page : http://web.soladomingo.com
    (still testing but the issue that I’m concern is the acces box as I said it before)

    I sent you the other information in the private Content

    Thank you so much!

    May 25, 2016 at 10:50 am #637947
    lleonera

    Hey guys!

    Any news? Could you take a look? I’m running ouf of time!
    The acces box it’s too big for the space, I will like it more tight so it fits better with the text that has on the left and all the page and I will like a better design too if it’s possible.

    Please answer ASAP and Thank you so much!

    May 25, 2016 at 2:58 pm #638061
    Yigit

    Hi,

    Please enable the custom css class field: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then edit your cell and give it a custom CSS class and then post a screenshot and show the changes you would like to make. You can upload your screenshots on imgur.com or Dropbox public folder and post the links here.

    Best regards,
    Yigit

    May 25, 2016 at 4:32 pm #638111
    lleonera

    Hey

    The code on the class field was already typed. What I don’t undestant is the next part.
    Is it here? https://www.dropbox.com/home/Public?preview=Captura+de+pantalla+2016-05-25+a+las+15.36.17.png

    https://dl.dropboxusercontent.com/u/57223972/Captura%20de%20pantalla%202016-05-25%20a%20las%2015.36.27.png

    What I want is the acces box inside to be blue and the letter (usuari for exemple) to be in line with the inside square.

    Thank you!!!

    May 26, 2016 at 12:29 pm #638661
    lleonera

    hey!

    I created this code and I got the color that I wanted. Now the only thing is the words usuari and constraseña are not in the middle of the box, an neither the rectangle on the other. I want them in the middle and aline. How I can do it?

    This is the code I created:

    <form action=”http://vet24.pedidosweb.com/logon.asp&#8221; method=”POST” name=”login”>
    <table border=”0″ width=”150″ cellspacing=”0″ cellpadding=”0″ align=”center”>
    <tbody>
    <tr>
    <td align=”left” bgcolor=”#0033cc” width=”70″>
    <h5 class=”“white””>USUARIO:</h5>
    </td>
    <td align=”center” bgcolor=”#0033cc” width=”130″><input name=”login” type=”TEXT” /></td>
    </tr>
    <tr>
    <td align=”left” bgcolor=”#0033cc” width=”70″>
    <h5 class=”“white””>CONTRASEÑA:</h5>
    </td>
    <td align=”left” bgcolor=”#0033cc” width=”130″><input name=”pwd” size=”20″ type=”password” /></td>
    </tr>
    <tr>
    <td><input src=”http://web.soladomingo.com/wp-content/uploads/2016/03/Entrar-acceso-clientes.jpg&#8221; type=”image” value=”submit” /></td>
    </tr>
    </tbody>
    </table>
    </form>

    May 26, 2016 at 12:47 pm #638674
    lleonera

    I thing is adding this in somewhere <tr valign=”middle”>
    But I tried and I can’t get it!

    Thanks!

    May 26, 2016 at 5:33 pm #638840
    Andy

    Hi,

    we need a precise mockup showing what you want to achieve. Please use imgur.com or dropbox, to make things clear for us, so that we can provide you some precise CSS code.

    Best regards,
    Andy

    May 26, 2016 at 9:04 pm #638960
    lleonera

    Hey!

    Here you can see how is it now: http://web.soladomingo.com

    This is what I want to archive: https://www.dropbox.com/s/d4bdzp8y2itm1ji/idea.png?dl=0

    Thank you so much!

    May 26, 2016 at 9:07 pm #638964
    lleonera

    The letter of “Usuari” and “Contraseña” maybe a little bigger to. The point is that the elements are in line and looks good.

    It’s super urgent! I have to show it to the client ASAP! Thank you so so so much!

    May 27, 2016 at 5:16 pm #639402
    Andy

    Hi,

    use this code:

    table strong {
position: relative;
top: -22px;
right: -15px;
}
table input {
position: relative;
top: 10px;
}

    For font size use this:

    table strong span {
font-size: 14px;
}

    and adjust as needed.

    Best regards,
    Andy

    May 27, 2016 at 7:16 pm #639479
    lleonera

    THANK YOU SO MUCH! Worked perfectly!

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Urgent acces box’ is closed to new replies.