Memberlist card responsive css

Spartak

Spartak

Well-known member
Member
Joined
9 yrs. 9 mth. 5 days
Messages
587
Reaction score
8,878
Wallet
0$
Memberlist card responsive css

<span style="font-family: Arial Black;" class="mycode_font">previous topic: </span><a href="
Please, Log in or Register to view URLs content!
" target="_blank" rel="noopener" class="mycode_url"><span style="font-family: Arial Black;" class="mycode_font">
Please, Log in or Register to view URLs content!
</span></a><br />
<br />
<span style="font-size: large;" class="mycode_size"><span style="font-family: Arial Black;" class="mycode_font">1- Memberlist Templates {&#36;header} Find <span style="color: #111111;" class="mycode_color">{&#36;multipage} change</span></span></span><br />
<br />
<pre data-deferred="true" class="block-code line-numbers language-none"><code class="language-none">{$multipage}
&lt;table border=&quot;0&quot; cellspacing=&quot;{$theme['borderwidth']}&quot; cellpadding=&quot;{$theme['tablespace']}&quot; class=&quot;tborder&quot;&gt;
&lt;tr&gt;
&lt;td class=&quot;thead&quot; colspan=&quot;{$colspan}&quot;&gt;
&lt;div class=&quot;float_right&quot;&gt;
&lt;a href=&quot;memberlist.php?username_match=begins&amp;amp;username={$lang-&gt;a}&quot; style=&quot;padding: 5px;&quot;&gt;{$lang-&gt;a}&lt;/a&gt;
&lt;a href=&quot;memberlist.php?username_match=begins&amp;amp;username={$lang-&gt;b}&quot; style=&quot;padding: 5px;&quot;&gt;{$lang-&gt;b}&lt;/a&gt;
&lt;a href=&quot;memberlist.php?username_match=begins&amp;amp;username={$lang-&gt;c}&quot; style=&quot;padding: 5px;&quot;&gt;{$lang-&gt;c}&lt;/a&gt;
&lt;a href=&quot;memberlist.php?username_match=begins&amp;amp;username={$lang-&gt;d}&quot; style=&quot;padding: 5px;&quot;&gt;{$lang-&gt;d}&lt;/a&gt;
&lt;a href=&quot;memberlist.php?username_match=begins&amp;amp;username={$lang-&gt;e}&quot; style=&quot;padding: 5px;&quot;&gt;{$lang-&gt;e}&lt;/a&gt;
&lt;a href=&quot;memberlist.php?username_match=begins&amp;amp;username={$lang-&gt;f}&quot; style=&quot;padding: 5px;&quot;&gt;{$lang-&gt;f}&lt;/a&gt;
&lt;a href=&quot;memberlist.php?username_match=begins&amp;amp;username={$lang-&gt;g}&quot; style=&quot;padding: 5px;&quot;&gt;{$lang-&gt;g}&lt;/a&gt;
&lt;a href=&quot;memberlist.php?username_match=begins&amp;amp;username={$lang-&gt;h}&quot; style=&quot;padding: 5px;&quot;&gt;{$lang-&gt;h}&lt;/a&gt;
&lt;a href=&quot;memberlist.php?username_match=begins&amp;amp;username={$lang-&gt;i}&quot; style=&quot;padding: 5px;&quot;&gt;{$lang-&gt;i}&lt;/a&gt;
&lt;a href=&quot;memberlist.php?username_match=begins&amp;amp;username={$lang-&gt;j}&quot; style=&quot;padding: 5px;&quot;&gt;{$lang-&gt;j}&lt;/a&gt;
&lt;a href=&quot;memberlist.php?username_match=begins&amp;amp;username={$lang-&gt;k}&quot; style=&quot;padding: 5px;&quot;&gt;{$lang-&gt;k}&lt;/a&gt;
&lt;a href=&quot;memberlist.php?username_match=begins&amp;amp;username={$lang-&gt;l}&quot; style=&quot;padding: 5px;&quot;&gt;{$lang-&gt;l}&lt;/a&gt;
&lt;a href=&quot;memberlist.php?username_match=begins&amp;amp;username={$lang-&gt;m}&quot; style=&quot;padding: 5px;&quot;&gt;{$lang-&gt;m}&lt;/a&gt;
&lt;a href=&quot;memberlist.php?username_match=begins&amp;amp;username={$lang-&gt;n}&quot; style=&quot;padding: 5px;&quot;&gt;{$lang-&gt;n}&lt;/a&gt;
&lt;a href=&quot;memberlist.php?username_match=begins&amp;amp;username={$lang-&gt;o}&quot; style=&quot;padding: 5px;&quot;&gt;{$lang-&gt;o}&lt;/a&gt;
&lt;a href=&quot;memberlist.php?username_match=begins&amp;amp;username={$lang-&gt;p}&quot; style=&quot;padding: 5px;&quot;&gt;{$lang-&gt;p}&lt;/a&gt;
&lt;a href=&quot;memberlist.php?username_match=begins&amp;amp;username={$lang-&gt;q}&quot; style=&quot;padding: 5px;&quot;&gt;{$lang-&gt;q}&lt;/a&gt;
&lt;a href=&quot;memberlist.php?username_match=begins&amp;amp;username={$lang-&gt;r}&quot; style=&quot;padding: 5px;&quot;&gt;{$lang-&gt;r}&lt;/a&gt;
&lt;a href=&quot;memberlist.php?username_match=begins&amp;amp;username={$lang-&gt;s}&quot; style=&quot;padding: 5px;&quot;&gt;{$lang-&gt;s}&lt;/a&gt;
&lt;a href=&quot;memberlist.php?username_match=begins&amp;amp;username={$lang-&gt;t}&quot; style=&quot;padding: 5px;&quot;&gt;{$lang-&gt;t}&lt;/a&gt;
&lt;a href=&quot;memberlist.php?username_match=begins&amp;amp;username={$lang-&gt;u}&quot; style=&quot;padding: 5px;&quot;&gt;{$lang-&gt;u}&lt;/a&gt;
&lt;a href=&quot;memberlist.php?username_match=begins&amp;amp;username={$lang-&gt;v}&quot; style=&quot;padding: 5px;&quot;&gt;{$lang-&gt;v}&lt;/a&gt;
&lt;a href=&quot;memberlist.php?username_match=begins&amp;amp;username={$lang-&gt;w}&quot; style=&quot;padding: 5px;&quot;&gt;{$lang-&gt;w}&lt;/a&gt;
&lt;a href=&quot;memberlist.php?username_match=begins&amp;amp;username={$lang-&gt;x}&quot; style=&quot;padding: 5px;&quot;&gt;{$lang-&gt;x}&lt;/a&gt;
&lt;a href=&quot;memberlist.php?username_match=begins&amp;amp;username={$lang-&gt;y}&quot; style=&quot;padding: 5px;&quot;&gt;{$lang-&gt;y}&lt;/a&gt;
&lt;a href=&quot;memberlist.php?username_match=begins&amp;amp;username={$lang-&gt;z}&quot; style=&quot;padding: 5px;&quot;&gt;{$lang-&gt;z}&lt;/a&gt;
&lt;/div&gt;
&lt;div&gt;&lt;strong class=&quot;&quot;&gt;{$lang-&gt;member_list}&lt;/strong&gt;&lt;/div&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;/tr&gt;
&lt;/table&gt;
{$users}</code></pre><br />
<br />
<span style="font-size: large;" class="mycode_size"><span style="font-family: Arial Black;" class="mycode_font">2 - memberlist_user Templates Change</span></span><br />
<br />
<br />
<pre data-deferred="true" class="block-code line-numbers language-none"><code class="language-none">&lt;div class=&quot;user-card-container&quot;&gt;
&lt;div class=&quot;user-card&quot;&gt;
&lt;center&gt;{$user['avatar']}&lt;/center&gt;
&lt;div class=&quot;info&quot;&gt;{$user['profilelink']}&lt;br&gt;{$user['usertitle']}&lt;br&gt;{$user['userstars']}&lt;/div&gt;
&lt;div class=&quot;info-line&quot;&gt;&lt;/div&gt;
&lt;div class=&quot;info-title&quot;&gt; &lt;i class=&quot;fas fa-calendar&quot;&gt;&lt;/i&gt;&lt;strong&gt; {$lang-&gt;joined}:&lt;/strong&gt; {$user['regdate']}&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;info-title&quot;&gt; &lt;i class=&quot;fas fa-globe&quot;&gt;&lt;/i&gt;&lt;strong&gt; {$lang-&gt;lastvisit}:&lt;/strong&gt; {$user['lastvisit']}&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;info-title&quot;&gt; &lt;i class=&quot;fas fa-comment&quot;&gt;&lt;/i&gt;&lt;strong&gt; {$lang-&gt;posts}:&lt;/strong&gt; {$user['postnum']}&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;info-title&quot;&gt; &lt;i class=&quot;fas fa-bell&quot;&gt;&lt;/i&gt;&lt;strong&gt; {$lang-&gt;threads}:&lt;/strong&gt; {$user['threadnum']}&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;info-title&quot;&gt; &lt;i class=&quot;fas fa-user&quot;&gt;&lt;/i&gt;&lt;strong&gt; {$referral_header}:&lt;/strong&gt; {$referral_bit}&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt; </code></pre><br />
<br />
<span style="font-size: large;" class="mycode_size"><span style="font-family: Arial Black;" class="mycode_font">3 - Add to Membercard.css</span></span><br />
<br />
<pre data-deferred="true" class="block-code line-numbers language-none"><code class="language-none">.info-title {
    font-size: 13px;
    color: #a8a9a9;
    background: #f1fafa;
    padding: 8px 8px;
    border-bottom: 1px solid #f2f3f5;
}

.user-card-container {
    display: inline-block;
    justify-content: left;
    padding: 10px 0px 10px 0px;
}

.user-card {
    height: 300px;
    width: 250px;
    background: #a2c6f2;
    margin: 0px 0px;
    border-radius: 10px;
}

.user-card .info-line {
    border-radius: 50px;
    margin: -95px 30px 0px 30px;
}
.user-card .info {
    height: 150px;
    width: 250px;
    text-align: center;
    margin: 9px 0px 13px 0px;
    background: #d1dbe6;
}
@media only screen and (max-width: 768px) {
.user-card-container, .user-card, .user-card .info { width: 100% !important;}}</code></pre><br />
<span style="font-family: Trebuchet MS;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b"><span style="font-style: italic;" class="mycode_i"><span style="font-size: large;" class="mycode_size"><span style="font-size: large;" class="mycode_size">referral system is disabled</span></span></span></span></span><br />
<br />
<span style="font-size: large;" class="mycode_size"><span style="font-family: Arial Black;" class="mycode_font"><span style="color: #111111;" class="mycode_color"><span style="font-size: large;" class="mycode_size"><span style="font-family: Arial Black;" class="mycode_font">01 - memberlist_user Templates Change</span></span></span></span></span><br />
<br />
<pre data-deferred="true" class="block-code line-numbers language-none"><code class="language-none">&lt;div class=&quot;user-card-container&quot;&gt;
&lt;div class=&quot;user-card&quot;&gt;
&lt;center&gt;{$user['avatar']}&lt;/center&gt;
&lt;div class=&quot;info&quot;&gt;{$user['profilelink']}&lt;br&gt;{$user['usertitle']}&lt;br&gt;{$user['userstars']}&lt;/div&gt;
&lt;div class=&quot;info-line&quot;&gt;&lt;/div&gt;
&lt;div class=&quot;info-title&quot;&gt; &lt;i class=&quot;fas fa-calendar&quot;&gt;&lt;/i&gt;&lt;strong&gt; {$lang-&gt;joined}:&lt;/strong&gt; {$user['regdate']}&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;info-title&quot;&gt; &lt;i class=&quot;fas fa-globe&quot;&gt;&lt;/i&gt;&lt;strong&gt; {$lang-&gt;lastvisit}:&lt;/strong&gt; {$user['lastvisit']}&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;info-title&quot;&gt; &lt;i class=&quot;fas fa-comment&quot;&gt;&lt;/i&gt;&lt;strong&gt; {$lang-&gt;posts}:&lt;/strong&gt; {$user['postnum']}&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;info-title&quot;&gt; &lt;i class=&quot;fas fa-bell&quot;&gt;&lt;/i&gt;&lt;strong&gt; {$lang-&gt;threads}:&lt;/strong&gt; {$user['threadnum']}&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt; </code></pre><br />
<br />
<br />
<span style="font-family: Arial Black;" class="mycode_font">02 - memberlist_referrals and memberlist_referrals_bit find clear template save</span><br />
<br />
<br />
<br />
<!-- start: postbit_attachments_attachment -->
<br /><!-- start: attachment_icon -->
<img src="
Please, Log in or Register to view URLs content!
" title="PNG Image" border="0" alt=".png" />
<!-- end: attachment_icon -->&nbsp;&nbsp;<a href="attachment.php?aid=43739" target="_blank" title="">Ekran Alıntısı.PNG</a> (Size: 21.3 KB / Downloads: 232)
<!-- end: postbit_attachments_attachment -->


Please, Log in or Register to view URLs content!
 
You must log in or register to reply here.
Top Bottom