Jump to content
Sign in to follow this  
P0Y3B

Wyrównanie opcji w okienku informacji. Kod MyBB

Recommended Posts

Mam taki kod: 

 

 

 

 

 

 

 

 

 <td class="trow1">
                                  <img src="{$mybb->user['avatar']}" style="float: left; margin-right:5px;"/>
                                  
                                  <i class="fa fa-cogs" aria-hidden="true" style="color:yellow"></i><a href="usercp.php?action=profile" style="color:white"><strong> Edytuj profil</strong></a><br>
                                  <i class="fa fa-user" aria-hidden="true" style="color:yellow"></i><a href="usercp.php?action=changename" style="color:white"><strong> Zmień login</strong></a><br>
                                 <i class="fa fa-key" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=password" style="color:white"><strong> Zmień hasło</strong></a><br>
                                  <i class="fa fa-envelope" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=email" style="color:white"><strong> Zmień e-mail</strong></a><br>
                                <i class="fa fa-picture-o" aria-hidden="true" style="color:yellow"></i>  <a href="usercp.php?action=avatar" style="color:white"><strong> Zmień awatar</strong></a><br>
                                  <i class="fa fa-pencil" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=editsig" style="color:white"><strong> Zmień sygnaturę</strong></a><br>
                                  
                                  <i class="fa fa-cog" aria-hidden="true" style="color:yellow;"></i><a href="usercp.php?action=options" style="color:white"><strong> Edytuj opcje</strong></a>
                                  
                
            </td>
 

 

I ostatnia opcja nie jest pod resztą, jak to wyrównać?

 

http://screenshot.sh/ou0YoRszAULcO

Share this post


Link to post
 <td class="trow1">
                                  <img src="{$mybb->user['avatar']}" style="float: left; margin-right:5px;"/>
                                  
                                  <i class="fa fa-cogs" aria-hidden="true" style="color:yellow"></i><a href="usercp.php?action=profile" style="color:white"><strong> Edytuj profil</strong></a><br />
                                  <i class="fa fa-user" aria-hidden="true" style="color:yellow"></i><a href="usercp.php?action=changename" style="color:white"><strong> Zmień login</strong></a><br />
                                 <i class="fa fa-key" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=password" style="color:white"><strong> Zmień hasło</strong></a><br />
                                  <i class="fa fa-envelope" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=email" style="color:white"><strong> Zmień e-mail</strong></a><br />
                                <i class="fa fa-picture-o" aria-hidden="true" style="color:yellow"></i>  <a href="usercp.php?action=avatar" style="color:white"><strong> Zmień awatar</strong></a><br />
                                  <i class="fa fa-pencil" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=editsig" style="color:white"><strong> Zmień sygnaturę</strong></a><br />                             
                                  <i class="fa fa-cog" aria-hidden="true" style="color:yellow;padding-left: 2.8cm;"></i><a href="usercp.php?action=options" style="color:white"><strong> Edytuj opcje</strong></a>
                                  
                
            </td>

 

  • Like 1

Share this post


Link to post

@P0Y3B Musisz zrobić dla ostatniego wiersza taki sam padding jaką szerokość ma zdjęcie (najlepiej podać w px).

Edited by arces
  • Like 1

Share this post


Link to post

Chciałem jeszcze zrobić opcje  z drugiej strony, i czy mój sposób jest poprawny?






<td class="trow1">
                                  <img src="{$mybb->user['avatar']}" style="float: left; margin-right:5px;"/>
                                  
                                  <i class="fa fa-cogs" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=profile" style="color:white"><strong> Edytuj profil</strong></a><br>
                                  <i class="fa fa-user" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=changename" style="color:white"><strong> Zmień login</strong></a><br>
                                 <i class="fa fa-key" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=password" style="color:white"><strong> Zmień hasło</strong></a><br>
                                  <i class="fa fa-envelope" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=email" style="color:white"><strong> Zmień e-mail</strong></a><br>
                                <i class="fa fa-picture-o" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=avatar" style="color:white"><strong> Zmień awatar</strong></a><br>
                                  <i class="fa fa-pencil" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=editsig" style="color:white"><strong> Zmień sygnaturę</strong></a><br>
                                  
                                  <i class="fa fa-cog" aria-hidden="true" style="color:yellow;padding-left: 105px;"></i><a href="usercp.php?action=options" style="color:white"><strong> Edytuj opcje</strong></a>
                                  <span style="float: right; margin-left:5px; margin-top: -108px;">
                                  <i class="fa fa-users" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=usergroups" style="color:white"><strong> Grupy użytkowników</strong></a><br>
                                      <i class="fa fa-heart" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=editlists" style="color:white"><strong> Znajomi i ignorowani</strong></a><br>
                                      <i class="fa fa-paperclip" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=attachments" style="color:white"><strong> Załączniki</strong></a><br>
                                     <i class="fa fa-download" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=drafts" style="color:white"><strong> Zapisane szkice</strong></a><br>
                                    <i class="fa fa-eye" aria-hidden="true" style="color:yellow"></i>  <a href="usercp.php?action=subscriptions" style="color:white"><strong> Subskrybowane wątki</strong></a><br>
                                      <i class="fa fa-eye" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=forumsubscriptions" style="color:white"><strong> Subskrybowane działy</strong></a><br>
                                     <i class="fa fa-user-md" aria-hidden="true" style="color:yellow"></i> <a href="member.php?action=profile&amp;uid={$mybb->user['uid']}" style="color:white"><strong> Pokaż profil</strong></a>
                                  </span>
            
                                  
                
            </td>

  <span style="float: right; margin-left:5px; margin-top: -108px;">

Share this post


Link to post
Godzinę temu, P0Y3B napisał:

Chciałem jeszcze zrobić opcje  z drugiej strony, i czy mój sposób jest poprawny?

 

  Pokaż ukrytą zawartość

 

 

 

 

 

 

 

 


<td class="trow1">
                                  <img src="{$mybb->user['avatar']}" style="float: left; margin-right:5px;"/>
                                  
                                  <i class="fa fa-cogs" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=profile" style="color:white"><strong> Edytuj profil</strong></a><br>
                                  <i class="fa fa-user" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=changename" style="color:white"><strong> Zmień login</strong></a><br>
                                 <i class="fa fa-key" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=password" style="color:white"><strong> Zmień hasło</strong></a><br>
                                  <i class="fa fa-envelope" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=email" style="color:white"><strong> Zmień e-mail</strong></a><br>
                                <i class="fa fa-picture-o" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=avatar" style="color:white"><strong> Zmień awatar</strong></a><br>
                                  <i class="fa fa-pencil" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=editsig" style="color:white"><strong> Zmień sygnaturę</strong></a><br>
                                  
                                  <i class="fa fa-cog" aria-hidden="true" style="color:yellow;padding-left: 105px;"></i><a href="usercp.php?action=options" style="color:white"><strong> Edytuj opcje</strong></a>
                                  <span style="float: right; margin-left:5px; margin-top: -108px;">
                                  <i class="fa fa-users" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=usergroups" style="color:white"><strong> Grupy użytkowników</strong></a><br>
                                      <i class="fa fa-heart" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=editlists" style="color:white"><strong> Znajomi i ignorowani</strong></a><br>
                                      <i class="fa fa-paperclip" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=attachments" style="color:white"><strong> Załączniki</strong></a><br>
                                     <i class="fa fa-download" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=drafts" style="color:white"><strong> Zapisane szkice</strong></a><br>
                                    <i class="fa fa-eye" aria-hidden="true" style="color:yellow"></i>  <a href="usercp.php?action=subscriptions" style="color:white"><strong> Subskrybowane wątki</strong></a><br>
                                      <i class="fa fa-eye" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=forumsubscriptions" style="color:white"><strong> Subskrybowane działy</strong></a><br>
                                     <i class="fa fa-user-md" aria-hidden="true" style="color:yellow"></i> <a href="member.php?action=profile&amp;uid={$mybb->user['uid']}" style="color:white"><strong> Pokaż profil</strong></a>
                                  </span>
            
                                  
                
            </td>
 

 

  <span style="float: right; margin-left:5px; margin-top: -108px;">

W sensie, że zdjęcie jest po prawej stronie?

 

Jeśli o to Ci chodzi, to wystarczy, że przy zdjęciu zmienisz

<img src="{$mybb->user['avatar']}" style="float: left; margin-right:5px;"/>

na

<img src="{$mybb->user['avatar']}" style="float: right; margin-left:5px;"/>


Edit:
Ew. będzie trzeba także poprawić odstępy napisów od zdjęcia.

Edited by arces

Share this post


Link to post
Cytuj

  <span style="float: right; margin-left:5px; margin-top: -108px;">

Poszukaj innego rozwiązania, bo w większości twoich postów są jakieś kosmiczne wartości, jak: margin-top: -108px;

  • Like 1

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Create a New Account. It’s free and easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  
×
×
  • Create New...