Профиль пользователя ,вкладка Клубы
доработка
решение в моем блоге!
продолжение темы хочется ещё компактней сделать клубы и красивей.
сделал пока такое решение
{* ============================== ЗАКЛАДКА №5 ============================================== *} {if $cfg.sw_clubs} <div id="upr_clubs"> {if $usr.clubs} <div class="usr_clubs"> <span class="label">{$LANG.CONSIST}:</span> <div class="club_entry2"> <div class="image"> <a href="/clubs/{$club.id}" title="{$club.title}" class="{$club.clubtype}"> {if $club.imageurl} <img src="/images/clubs/small/{$club.imageurl}" border="0" alt="{$club.title}"/> {else} <img src="/images/clubs/small/nopic.jpg" border="0" alt="{$club.title}"/> {/if} </a> </div> <div class="data"> <div class="title"> <a href="/clubs/{$club.id}" class="{$club.clubtype}" {if $club.clubtype=='private'}title="Приватный клуб"{/if}>{$club.title}</a> </div> </div> <div class="blog_desc"></div> </div> {/foreach} </div> {/if} <div class="usr_clubs"> <span class="label">{$LANG.MODERATE}:</span> <div class="club_entry2"> <div class="image"> <a href="/clubs/{$club.id}" title="{$club.title}" class="{$club.clubtype}"> {if $club.imageurl} <img src="/images/clubs/small/{$club.imageurl}" border="0" alt="{$club.title}"/> {else} <img src="/images/clubs/small/nopic.jpg" border="0" alt="{$club.title}"/> {/if} </a> </div> <div class="data"> <div class="title"> <a href="/clubs/{$club.id}" class="{$club.clubtype}" {if $club.clubtype=='private'}title="Приватный клуб"{/if}>{$club.title}</a> </div> </div> <div class="blog_desc"></div> </div> {/foreach} </div> {/if} <div class="usr_clubs"> <span class="label">{$LANG.ADMINING}:</span> <div class="club_entry2"> <div class="image"> <a href="/clubs/{$club.id}" title="{$club.title}" class="{$club.clubtype}"> {if $club.imageurl} <img src="/images/clubs/small/{$club.imageurl}" border="0" alt="{$club.title}"/> {else} <img src="/images/clubs/small/nopic.jpg" border="0" alt="{$club.title}"/> {/if} </a> </div> <div class="data"> <div class="title"> <a href="/clubs/{$club.id}" class="{$club.clubtype}" {if $club.clubtype=='private'}title="Приватный клуб"{/if}>{$club.title}</a> </div> </div> <div class="blog_desc"></div> </div> {/foreach} </div> {/if} {else} {if !$myprofile} <p><strong>{$usr.nickname}</strong> {$LANG.USET_NOT_IN_CLUBS}</p> {else} <p>{$LANG.YOU_NOT_IN_CLUBS}</p> {/if} {/if} </div> {/if} {* ============================== ЗАКЛАДКА №6 ============================================== *}
в цсс добавляем
div.club_entry2 {overflow:hidden;margin-bottom:5px;border:solid 1px #C3D6DF;border-radius:8px;-moz-border-radius:8px;clear:both;padding:15px;width: 65px;}
клубы в профиле стали вот так
Подскажите как вывести клубы в три — четыре колонки… что было так
div.club_entry2 {overflow:hidden;margin-bottom:5px;border:solid 1px #C3D6DF;border-radius:8px;-moz-border-radius:8px;float:left;height:80px;padding:15px;width: 65px;}
что то уже ближе
есть решение???
Добавить в ЗАКЛАДКА №5 Вот решение:
есть решение???
<div id="upr_clubs"> {if $usr.clubs} <table> <div class="usr_clubs"> <span class="label">{$LANG.CONSIST}:</span> {if $col==1}<tr>{/if} <td align="left" valign="top"> <div class="club_entry"> <div align="center" style="text-align:left;"><a href="/clubs/{$club.id}" title="{$club.title}" class="{$club.clubtype}"> {if $club.imageurl} <img src="/images/clubs/small/{$club.imageurl}" border="0" alt="{$club.title}"/> {else} <img src="/images/clubs/small/nopic.jpg" border="0" alt="{$club.title}"/> {/if} </a></div> <div align="center" style="font-size:12px;width:50px;height:50px;"><a href="/clubs/{$club.id}" class="{$club.clubtype}" {if $club.clubtype=='private'}title="Приватный клуб"{/if}>{$club.title}</a></div> </td> {if $col==6} </tr> {assign var="col" value="1"} {else} {math equation="x + 1" x=$col assign="col"} {/if} </div> {/foreach} </div> </table> {/if} <table> <div class="usr_clubs"> <span class="label">{$LANG.MODERATE}:</span> {if $col==1}<tr>{/if} <td align="left" valign="top"> <div class="club_entry"> <div align="center" style="text-align:left;"> <a href="/clubs/{$club.id}" title="{$club.title}" class="{$club.clubtype}"> {if $club.imageurl} <img src="/images/clubs/small/{$club.imageurl}" border="0" alt="{$club.title}"/> {else} <img src="/images/clubs/small/nopic.jpg" border="0" alt="{$club.title}"/> {/if} </a> </div> <div align="center" style="font-size:12px;width:50px;height:50px;"> <a href="/clubs/{$club.id}" class="{$club.clubtype}" {if $club.clubtype=='private'}title="Приватный клуб"{/if}>{$club.title}</a> </div> </td> {if $col==6} </tr> {assign var="col" value="1"} {else} {math equation="x + 1" x=$col assign="col"} {/if} </div> {/foreach} </div> </table> {/if} <table> <div class="usr_clubs"> <span class="label">{$LANG.ADMINING}:</span> {if $col==1}<tr>{/if} <td align="left" valign="top"> <div class="club_entry"> <div align="center" style="text-align:left;"> <a href="/clubs/{$club.id}" title="{$club.title}" class="{$club.clubtype}"> {if $club.imageurl} <img src="/images/clubs/small/{$club.imageurl}" border="0" alt="{$club.title}"/> {else} <img src="/images/clubs/small/nopic.jpg" border="0" alt="{$club.title}"/> {/if} </a> </div> <div align="center" style="font-size:12px;width:50px;height:50px;"> <a href="/clubs/{$club.id}" class="{$club.clubtype}" {if $club.clubtype=='private'}title="Приватный клуб"{/if}>{$club.title}</a> </div> </td> {if $col==6} </tr> {assign var="col" value="1"} {else} {math equation="x + 1" x=$col assign="col"} {/if} </div> {/foreach} </div> </table> {/if} {else} {if !$myprofile} <p><strong>{$usr.nickname}</strong> {$LANG.USET_NOT_IN_CLUBS}</p> {else} <p>{$LANG.YOU_NOT_IN_CLUBS}</p> {/if} {/if} </div>
{* ============================== ЗАКЛАДКА №5 ============================================== *} {if $cfg.sw_clubs} <div id="upr_clubs"> {if $usr.clubs} <table> <div class="usr_clubs"> <span class="label">{$LANG.CONSIST}:</span> {if $col==1}<tr>{/if} <td align="left" valign="top"> <div class="club_entry"> <div align="center" style="text-align:left;"><a href="/clubs/{$club.id}" title="{$club.title}" class="{$club.clubtype}"> {if $club.imageurl} <img src="/images/clubs/small/{$club.imageurl}" border="0" alt="{$club.title}"/> {else} <img src="/images/clubs/small/nopic.jpg" border="0" alt="{$club.title}"/> {/if} </a></div> <div align="center" style="font-size:12px;width:50px;height:50px;"><a href="/clubs/{$club.id}" class="{$club.clubtype}" {if $club.clubtype=='private'}title="Приватный клуб"{/if}>{$club.title}</a></div> </td> {if $col==6} </tr> {assign var="col" value="1"} {else} {math equation="x + 1" x=$col assign="col"} {/if} </div> {/foreach} </div> </table> {/if} <table> <div class="usr_clubs"> <span class="label">{$LANG.MODERATE}:</span> {if $col==1}<tr>{/if} <td align="left" valign="top"> <div class="club_entry"> <div align="center" style="text-align:left;"> <a href="/clubs/{$club.id}" title="{$club.title}" class="{$club.clubtype}"> {if $club.imageurl} <img src="/images/clubs/small/{$club.imageurl}" border="0" alt="{$club.title}"/> {else} <img src="/images/clubs/small/nopic.jpg" border="0" alt="{$club.title}"/> {/if} </a> </div> <div align="center" style="font-size:12px;width:50px;height:50px;"> <a href="/clubs/{$club.id}" class="{$club.clubtype}" {if $club.clubtype=='private'}title="Приватный клуб"{/if}>{$club.title}</a> </div> </td> {if $col==6} </tr> {assign var="col" value="1"} {else} {math equation="x + 1" x=$col assign="col"} {/if} </div> {/foreach} </div> </table> {/if} <table> <div class="usr_clubs"> <span class="label">{$LANG.ADMINING}:</span> {if $col==1}<tr>{/if} <td align="left" valign="top"> <div class="club_entry"> <div align="center" style="text-align:left;"> <a href="/clubs/{$club.id}" title="{$club.title}" class="{$club.clubtype}"> {if $club.imageurl} <img src="/images/clubs/small/{$club.imageurl}" border="0" alt="{$club.title}"/> {else} <img src="/images/clubs/small/nopic.jpg" border="0" alt="{$club.title}"/> {/if} </a> </div> <div align="center" style="font-size:12px;width:50px;height:50px;"> <a href="/clubs/{$club.id}" class="{$club.clubtype}" {if $club.clubtype=='private'}title="Приватный клуб"{/if}>{$club.title}</a> </div> </td> {if $col==6} </tr> {assign var="col" value="1"} {else} {math equation="x + 1" x=$col assign="col"} {/if} </div> {/foreach} </div> </table> {/if} {else} {if !$myprofile} <p><strong>{$usr.nickname}</strong> {$LANG.USET_NOT_IN_CLUBS}</p> {else} <p>{$LANG.YOU_NOT_IN_CLUBS}</p> {/if} {/if} </div> {/if}