Zmiana wyglądu ramki medali w aplikacji iAwards IPS Community Suite

[MagicalFire]

hej małe pytanko jak to ładnie poprawić (chodzi o te ramkę medali) w aplikacji iAwards pod IPS Community Suite 4, nie ukrywam ze ona nie fajnie wygląda 

[-n3veR]

Przebuduj HTMLa. Teraz masz `fieldset` + `legend`.

[MagicalFire]

1 godzinę temu, El Profesor napisał:

Przebuduj HTMLa. 

tyle to wiem 

chodzi mi dokładnie w którym pliku to dokładnie edytować bo jak narazie zbyt wiele mi nie pomogłeś 

[MagicalFire]

2 godziny temu, Sceptog napisał:

Daj link do forum to Ci pokażę dokładnie gdzie to jest.

tsowicze.pl 

[SeNioR]

@MagicalFire W edycji CSS / HTML wyszukaj awards_fieldset

Powinno wyszukać ci plik w którym znajduje się ta klasa. 

[MagicalFire]

mam w post_rows i mam tez w pane_rows 

[SeNioR]

w post_rows ten fragmentu kodu odpowiada za wygląd tabelki z medalami:

W ogóle napisz co chcesz osiągnąć, czy masz zamiar zmienić cały wygląd tabelki czy tylko kolory? Bo można to zrobić przez CSS też.

<fieldset class="awards_fieldset">
    <legend class="awards_legend {{if settings.award_settings_posts_alignment == 0}}ipsType_center{{endif}}{{if settings.award_settings_posts_alignment == 1}}ipsType_left{{endif}}{{if settings.award_settings_posts_alignment == 2}}ipsType_right{{endif}}"> {setting="award_settings_posts_title"} </legend>
    <div class="{{if settings.award_settings_posts_alignment == 0}}ipsType_center{{endif}}{{if settings.award_settings_posts_alignment == 1}}ipsType_left{{endif}}{{if settings.award_settings_posts_alignment == 2}}ipsType_right{{endif}}">
        {{foreach $rows as $awarded}}
            {{if isset($conta[$awarded->award])}}
                {{$conta[$awarded->award]++;}}
            {{else}}
                {{$conta[$awarded->award] = 1;}}
            {{endif}}
        {{endforeach}}
        {{foreach $rows as $awarded}}
        {{$member = \IPS\Member::load( $awarded->member );}}
        {{if !in_array($awarded->award, $ids)}}
            {{$ids[] = $awarded->award;}}
            <div class="awards_data">
                <a href='{$member->url()->setQueryString( ' tab', 'node_awards_Awards' )}' {{if settings.award_settings_posts_style == 1}}title='{$awarded->title|raw}' data-ipsTooltip{{else}}data-ipsHover data-ipsHover-target='{url="app=awards&module=awards&controller=awards&do=award&id={$awarded->id}"}' data-ipsHover-onClick="false"{{endif}} style='position:relative'>
                    <img src="{file="$awarded->container()->icon" extension="awards_Awards"}" class="awards_award_img" style="width: {$size[0]}px; height: {$size[1]}px;" alt="{$conta[$awarded->award]}">
                    {{if $conta[$awarded->award] > 1}}
                        <span class="ipsNotificationCount " data-notificationtype="notify" data-currentcount="{$conta[$awarded->award]}">{$conta[$awarded->award]}</span>
                    {{endif}}
                </a>
            </div>
        {{endif}}
    {{endforeach}}
        </div>
</fieldset>

[MagicalFire]

chce usunac obramowanie  oraz zmienić ustawienie 

 obecnie jest  tak 

medal 1

medal 2 

medal 3 

medal 4 

 a chce aby było 

medal 1  medal 2 

medal 3  medal 4 

[SeNioR]

ok, zrób tak:

W iawards.css znajdź klasę fieldset.awards_fieldset

zmień

border: 1px solid #f0f0f0;

na

0px lub całkowicie usuń.

w klasie .awards_data  

znajdź:

padding: 5px 6px;

zamień na:

padding: 1px 1px;

oraz dodaj

float:left;

Powinieneś otrzymać taki efekt: