Webboard

Pełna wersja: Wygląd Użytkownika w Poscie
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
[attachment=12694]

jak zrobić taką ramkę ?
https://developer.mozilla.org/pl/docs/Web/CSS/border dla .postbit_left
Zbadaj element - poradnik w sygnaturze (jeśli nie możesz tego znaleźć).
(29.09.2017, 18:21)Fyeem napisał(a): [ -> ]https://developer.mozilla.org/pl/docs/Web/CSS/border dla .postbit_left
Zbadaj element - poradnik w sygnaturze (jeśli nie możesz tego znaleźć).

przez Zbadaj Element robiłem ale nie działało
Ale Ty chyba mylisz się. Zbadaj element bada element na stronie internetowej, zmiany tam wykonane są zapisywane do odświeżenia strony. Musisz zmienić to w arkuszu CSS w ACP, aby zmiany zaszły na forum.
(29.09.2017, 18:26)Fyeem napisał(a): [ -> ]Ale Ty chyba mylisz się. Zbadaj element bada element na stronie internetowej, zmiany tam wykonane są zapisywane do odświeżenia strony. Musisz zmienić to w arkuszu CSS w ACP, aby zmiany zaszły na forum.

.basic_info .c_panel, .custom_fields .c_panel {
background: #fff;
color: #c34e4e;
display: inline-block;
width: 100%;
padding: 2px 0;
border: 1px solid #c34e4e;
border-left: 5px solid #c34e4e;
}

Wstawiłem to do css i trzeba mi kod html teraz ale jak daje od nich to sie rozwala ale chce pozmieniać trochę ze by nie było że kopiowałem 

kod od Tej Sieci''
<div itemscope="" itemtype="http://schema.org/Person" class="user_details">
<span class="hide" itemprop="name">JarPsi</span>
<ul class="basic_info">

<p class="desc member_title">ĄĆĘŁŚŃÓŹŻ</p>

<li class="avatar">


<img itemprop="image" src="https://cs-lucifer.pl/uploads/profile/photo-433.jpg?_r=1504710788" class="ipsUserPhoto ipsUserPhoto_variable">


</li>




<li class="group_title c_panel"><span class="post_user_left"><i class="fa fa-users"></i> Grupa</span> <span class="post_user_right lucifer-grp"><span style="color:#6699FF;  font-weight: bold;"><i class="fa fa-user-secret"></i>&nbsp;Admin Jackpot</span></span></li>


<li class="post_count desc c_panel">
<span class="post_user_left"><i class="fa fa-comments"></i> Postów</span> <span class="post_user_right">49</span>
</li>

<li class="c_panel">
<span class="post_user_left"><i class="fa fa-thumbs-o-up"></i> Reputacja</span> <span class="post_user_right">37</span>
</li>
<li class="c_panel">
<span class="post_user_left"><i class="fa fa-birthday-cake"></i> Wiek</span> <span class="post_user_right">15 lat</span>
</li>

</ul>

<ul class="custom_fields">



<li class="c_panel">
<span class="post_user_left"><i class="fa fa-venus-mars"></i> Płeć</span><span class="post_user_right">Mężczyzna</span>
</li>




<li class="c_panel">
<span class="post_user_left"><i class="fa fa-globe"></i> Skąd</span><span class="post_user_right">Szubin</span>
</li>




<li class="c_panel">
<span class="post_user_left"><i class="fa fa-gamepad"></i> Nick z gry</span><span class="post_user_right">JarPsi</span>
</li>



<li class="c_panel">
<span class="post_user_left"><i class="fa fa-bell"></i> Status</span>

<span class="post_user_right" style="color: #c34e4e;">Offline</span>

</li>
</ul><ul class="basic_info"><li class="c_panel"><span class="post_user_left"><i class="fa fa-clock-o"></i> Czas</span> <span class="post_user_right">2d 1h 29m 25s </span></li></ul><table>
<tbody><tr><td>

<ul class="custom_fields">
<li class="clearfix">
<a href="http://steamcommunity.com/id/jarpsii/" class="left" style="padding-left: 20px; padding-right:3px;" target="_blank"><img src="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/avatars/70/709ae327613be968e902df70f0d3dfc45a0c10a6.jpg"></a>

<a href="https://cs-lucifer.pl/index.php?/user/433-jarpsi/" class="left" id="kc_steam_infopane_9945">JarPsi =-.Cs...</a><br>


<span class="ipsBadge left" style="font-size: 11px;font-weight:normal;">Offline</span>

</li></ul></td></tr></tbody></table>

<div class="general_box clearfix hide" id="hiddencontent_steam_9945">

<h3>Profil Steam</h3>
<table class="ipb_table" style="border-collapse:collapse;">

   <tbody><tr><td class="row2">

   <ul class="ipsList">
   <li class="clearfix">

   <a href="http://steamcommunity.com/id/jarpsii/" class="left" style="padding-right: 5px;" target="_blank"><img src="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/avatars/70/709ae327613be968e902df70f0d3dfc45a0c10a6_medium.jpg"></a>

   <a href="https://cs-lucifer.pl/index.php?/user/433-jarpsi/">JarPsi =-.Cs-Luc...</a><span class="desc"> - Offline</span><br>

   <span class="desc">Od: Sep 24 2017 20:03</span><br>

<span>33.1 godzin w ostatnie 2 tygodnie.</span><br>

<span><a href="steam://friends/add/76561198276743770">Zaproś</a></span><br>

   
</li></ul><br>

       <div style="max-width:250px; max-height: 32px; overflow:hidden;">
     
         <img src="http://media.steampowered.com/steamcommunity/public/images/apps/10/6b0312cda02f5f777efa2f3318c307ff9acafbb5.jpg" data-tooltip="Counter-Strike: 33 godzin w ostatnie 2 tygodnie.">&nbsp;
     

         <img src="http://media.steampowered.com/steamcommunity/public/images/apps/397900/68775eb5694adace3514250c121ab841d2ec70f6.jpg" data-tooltip="Business Tour - Online Multiplayer Board Game: 0.2 godzin w ostatnie 2 tygodnie.">&nbsp;
     
       </div>
     
     
   </td></tr>
</tbody></table>

</div>
<script type="text/javascript">


$('kc_steam_infopane_' + 9945).observe( 'mouseover', function(e) {
_vvar = new ipb.Popup( 'kc_steam_popup', { type: 'balloon',
stem: true,
initial: $('hiddencontent_steam_' + 9945).innerHTML,
hideAtStart: false,
hideClose: true,
delay: {show: '250', hide: '800'},
w: '275px',
attach: { target: $('kc_steam_infopane_' + 9945), position: 'auto', 'event': 'mouseover' },
h: 'auto',} );
Event.stop(e);
return false;
 });
</script>

</div>
(29.09.2017, 18:21)Fyeem napisał(a): [ -> ]https://developer.mozilla.org/pl/docs/Web/CSS/border dla .postbit_left
(29.09.2017, 18:34)Fyeem napisał(a): [ -> ]
(29.09.2017, 18:21)Fyeem napisał(a): [ -> ]https://developer.mozilla.org/pl/docs/Web/CSS/border dla .postbit_left

Co mam z  tym zrobić :D
A umiesz czytać? Podałem Ci, o czym masz poczytać (border) i klasę, do której musisz użyć tego bordera..
(29.09.2017, 18:37)Fyeem napisał(a): [ -> ]A umiesz czytać? Podałem Ci, o czym masz poczytać (border) i klasę, do której musisz użyć tego bordera..

[attachment=12695]

Teraz mam coś takiego jak to naprawić aby było na Dole