Jak tak zrobić te paski białe itp

[Gość Sirkrzemas]

jak zrobić by były odstępy tak jak jest tu na ss oraz te białe paski zarejestrowany jako jakby można było być uprzejmym prosiłbym o kod od razu

tu macie mój user info_pane z stylu:)

<div class='user_details'>

<ul class='basic_info'>

<if test="membertitle:|:$author['member_title']">

<p class='desc member_title'>{$author['member_title']}</p>

</if>

<if test="avatar:|:$author['member_id']">

<li class='avatar'>

<a href="{parse url="showuser={$author['member_id']}" template="showuser" seotitle="{$author['members_seo_name']}" base="public"}" title="{$this->lang->words['view_profile']}" class='ipsUserPhotoLink'>

<if test="hasVariable:|:$this->settings['member_topic_avatar_max']">

<img src='{$author['pp_main_photo']}' class='ipsUserPhoto ipsUserPhoto_variable' />

<else />

<img src='{$author['pp_thumb_photo']}' class='ipsUserPhoto ipsUserPhoto_large' />

</if>

</a>

</li>

<else />

<li class='avatar'>

<img src='{$author['pp_thumb_photo']}' class='ipsUserPhoto ipsUserPhoto_large' />

</li>

</if>

<li class='group_title'>

{$author['_group_formatted']}

</li>

<if test="rankimage:|:$author['member_rank_img']">

<li class='group_icon'>

<if test="rankimageimage:|:$author['member_rank_img_i'] == 'img'">

<img src='{$author['member_rank_img']}' alt='' />

<else />

{$author['member_rank_img']}

</if>

</li>

</if>

<if test="postCount:|:$author['member_id']">

<li class='post_count desc lighter'>

{parse expression="$this->registry->getClass('class_localization')->formatNumber( intval( $author['posts'] ) )"} {$this->lang->words['m_posts']}

</li>

</if>

</ul>

<if test="authorcfields:|:$author['custom_fields'] != """>

<ul class='custom_fields'>

<foreach loop="customFieldsOuter:$author['custom_fields'] as $group => $data">

<foreach loop="customFields:$author['custom_fields'][ $group ] as $field">

<if test="$field != ''">

<li>

{$field}

</li>

</if>

</foreach>

</foreach>

</ul>

</if>

<if test="authorwarn:|:$author['warn_percent'] !== NULL">

<ul>

<li>

<br />

<div class='warn_panel clear rounded ipsType_small'>

<strong><a href='{parse url="app=core&module=modcp&section=editmember&do=view&mid={$author['member_id']}&_tab=warn" base="public"}' id='warn_link_{$contentid}_{$author['member_id']}' title='{$this->lang->words['warn_view_history']}' class='warn_link'>{$this->lang->words['warn_status']}</a></strong>

<if test="highwarn:|:$author['warn_percent'] >= 80">

<p class='progress_bar user_warn limit' title='{$this->lang->words['warn_level']} {$author['warn_percent']}%'>

<else />

<p class='progress_bar user_warn' title='{$this->lang->words['warn_level']} {$author['warn_percent']}%'>

</if>

<span style='width: {$author['warn_percent']}%'><span>{$this->lang->words['warn_level']} {$author['warn_percent']}%</span></span>

</p>

</div>

</li>

</ul>

</if>

</div>

Edytowane 5 Grudnia 2011 przez Sirkrzemas

[Amfidiusz]

Wstawiaj na sztywno w kodzie tagiem IMG albo stwórz nową klasę z marginesami i grafiką i wklejaj ją pomiędzy kolejnymi tagami LI. Cudów tu nie ma - zabawa z HTMLem na podstawie prób i błędów.

[Macsch15]

Dużo zachodu tutaj nie ma, napisałem na szybko.

ul.ize{
margin: 0;
padding: 0;
}
.ize li{
backgroun: url(ADRES_GRAFIKI) 0 bottom no-repeat;
pading: 0 0 XXpx 0;
list-style: none;
display: block;
}

*XX - Generalnie to szerokość grafiki wstawionej.

Dodajesz poprzez ul i li (pamiętaj o klasie) do konkretnych pól.

Edytowane 6 Grudnia 2011 przez macsch15