Skocz do zawartości
"Idzie nowe..." - o zmianach i nie tylko ×
Przeniesienie zakupów z IPS Marketplace / Moving bought items from IPS Marketplace ×

Kropka przy subforach.


HardStajlowa

Rekomendowane odpowiedzi

Hej, chciałabym wyeliminować kropki przy subdziałach i w ich miejsce wstawić swoją mini grafikę. A druga sprawa, przestawić kolejność elementów w "kontenerze działu", bo aktualnie wygląda to beznadziejnie. Proszę o kolejność: nazwa działu - opis - subdziały. Próbowałam, ale widocznie za dużo zaznaczam i przenoszę. Dziękuję.

 

{{if $forum->can('view')}}
{{$lastPost = $forum->lastPost();}}
	<li class="cForumRow ipsDataItem ipsDataItem_responsivePhoto {{if \IPS\forums\Topic::containerUnread( $forum ) && !$forum->redirect_on}}ipsDataItem_unread{{endif}} ipsClearfix" data-forumID="{$forum->_id}">
		<div class="ipsDataItem_icon ipsDataItem_category">
			{{if !$forum->redirect_on}}
			{{if \IPS\forums\Topic::containerUnread( $forum ) AND \IPS\Member::loggedIn()->member_id}}<a href="{{if $isSubForum}}{$forum->url()->setQueryString( array( 'do' => 'markRead', 'return' => $forum->parent_id ) )->csrf()}{{else}}{$forum->url()->setQueryString( 'do', 'markRead' )->csrf()}{{endif}}" data-action='markAsRead' title='{lang="mark_forum_read"}' data-ipsTooltip>{{endif}}
			{{endif}}
				{{if $forum->icon}}
					<img src="{file="$forum->icon" extension="forums_Icons"}" class='ipsItemStatus ipsItemStatus_custom {{if !\IPS\forums\Topic::containerUnread( $forum ) && !$forum->redirect_on}}ipsItemStatus_read{{endif}}'>
				{{else}}
					{{if $forum->redirect_on}}
						<span class='ipsItemStatus ipsItemStatus_large cForumIcon_redirect {{if !\IPS\forums\Topic::containerUnread( $forum ) && !$forum->redirect_on}}ipsItemStatus_read{{endif}}' {template="formattedInlineStyle" params="$forum" app="core" group="global" location="front"}>
							<i class='fa fa-arrow-right'></i>
						</span>
					{{elseif $forum->forums_bitoptions['bw_enable_answers']}}
						<span class='ipsItemStatus ipsItemStatus_large cForumIcon_answers {{if !\IPS\forums\Topic::containerUnread( $forum ) && !$forum->redirect_on}}ipsItemStatus_read{{endif}}' {template="formattedInlineStyle" params="$forum" app="core" group="global" location="front"}>
							<i class='fa fa-question'></i>
						</span>
					{{elseif $forum->password}}
						<span class='ipsItemStatus ipsItemStatus_large cForumIcon_password {{if !\IPS\forums\Topic::containerUnread( $forum ) && !$forum->redirect_on}}ipsItemStatus_read{{endif}}' {template="formattedInlineStyle" params="$forum" app="core" group="global" location="front"}>
							{{if $forum->loggedInMemberHasPasswordAccess()}}
								<i class='fa fa-unlock'></i>
							{{else}}
								<i class='fa fa-lock'></i>
							{{endif}}
						</span>
					{{else}}
						<span class='ipsItemStatus ipsItemStatus_large cForumIcon_normal {{if !\IPS\forums\Topic::containerUnread( $forum ) && !$forum->redirect_on}}ipsItemStatus_read{{endif}}' {template="formattedInlineStyle" params="$forum" app="core" group="global" location="front"}>
							<img src="http://hardstrike.eu/forum/grafika/dzial6.png">
						</span>
					{{endif}}
				{{endif}}
			{{if !$forum->redirect_on and \IPS\forums\Topic::containerUnread( $forum ) AND \IPS\Member::loggedIn()->member_id}}
			</a>
			{{endif}}
		</div>
		<div class="ipsDataItem_main">
			<h4 class="ipsDataItem_title ipsType_large ipsType_break">
				{{if $forum->password && !$forum->loggedInMemberHasPasswordAccess()}}
					<a href="{$forum->url()->setQueryString( 'passForm', '1' )}" data-ipsDialog data-ipsDialog-size='narrow' data-ipsDialog-title='{lang="forum_requires_password" sprintf="$forum->_title"}'>{$forum->_title}</a>
				{{else}}
					<a href="{$forum->url()}">{$forum->_title}</a>
				{{endif}}
				{{if $forum->redirect_on}}
					&nbsp;&nbsp;<span class='ipsType_light ipsType_medium'>({lang="redirect_hits" pluralize="$forum->redirect_hits"})</span>
				{{endif}}
			</h4>
			{{if $forum->hasChildren()}}
				<ul class="ipsDataItem_subList ipsList_inline">
					{{foreach $forum->children() as $subforum}}
						<li class="{{if \IPS\forums\Topic::containerUnread( $subforum )}}ipsDataItem_unread{{endif}}">
							<a href="{$subforum->url()}">{{if \IPS\forums\Topic::containerUnread( $subforum )}}<span class='ipsItemStatus ipsItemStatus_tiny {{if !\IPS\forums\Topic::containerUnread( $subforum ) && !$subforum->redirect_on}}ipsItemStatus_read{{endif}}'><i class="fa fa-circle"></i></span>{{endif}}{$subforum->_title}</a>
						</li>
					{{endforeach}}
				</ul>
			{{endif}}
			{{if $forum->description}}
				<div class="ipsDataItem_meta ipsType_richText ipsContained">{$forum->description|raw}</div>
			{{endif}}
		</div>
		{{if !$forum->redirect_on}}
			<div class="ipsDataItem_stats ipsDataItem_statsLarge">
				{{if $lastPost}}
					<dl>
                      {{$count = \IPS\forums\Topic::contentCount( $forum, TRUE );}}
                        <ul class="staticpost">
                        <li>
                        <i class="fa fa-comments"></i>
                        </li>
                    
                        <font color="#939393"><span>{number="$count"}</span></font>
                       
                        </ul>
					</dl>

				{{endif}}
				{{if \IPS\forums\Topic::modPermission( 'unhide', NULL, $forum ) AND $unapprovedContent = $forum->unapprovedContentRecursive() and ( $unapprovedContent['topics'] OR $unapprovedContent['posts'] )}}
					<strong class='ipsType_warning ipsType_medium'>
						<i class='fa fa-warning'></i>
						{{if $unapprovedContent['topics']}}
							<a href='{$forum->url()->setQueryString( array( 'advanced_search_submitted' => 1, 'topic_type' => 'queued_topics' ) )->csrf()}' data-ipsTooltip title='{lang="queued_topics_badge" pluralize="$unapprovedContent['topics']"}' class='ipsType_blendLinks'>{$unapprovedContent['topics']}</a>
						{{else}}
							<span class='ipsType_light'>0</span>
						{{endif}}
						/
						{{if $unapprovedContent['posts']}}
							<a href='{$forum->url()->setQueryString( array( 'advanced_search_submitted' => 1, 'topic_type' => 'queued_posts' ) )->csrf()}' data-ipsTooltip title='{lang="queued_posts_badge" pluralize="$unapprovedContent['posts']"}' class='ipsType_blendLinks'>{$unapprovedContent['posts']}</a>
						{{else}}
							<span class='ipsType_light'>0</span>
						{{endif}}
					</strong>
				{{endif}}
			</div>
			<ul class="ipsDataItem_lastPoster ipsDataItem_withPhoto">
				{{if $lastPost}}
					<li>{template="userPhoto" app="core" group="global" params="$lastPost['author'], 'tiny'"}</li>
					{{if $lastPost['topic_title']}}<li><a  href="{$lastPost['topic_url']->setQueryString( 'do', 'getNewComment' )}" title='{$lastPost['topic_title']}' class="lastpostLink">{truncate="$lastPost['topic_title']" length="26"}</a></li>{{endif}}
					<li class='ipsType_blendLinks '>{lang="byline_nodate" htmlsprintf="$lastPost['author']->link()"}</li>
					{{if $lastPost['topic_title']}}
						<li class="ipsType_light "><a href='{$lastPost['topic_url']->setQueryString( 'do', 'getLastComment' )}' title='{lang="get_last_post"}' class='ipsType_blendLinks'>{datetime="$lastPost['date']"}</a></li>
					{{else}}
						<li class="ipsType_light">{datetime="$lastPost['date']"}</li>
					{{endif}}
				{{else}}
					<li class='ipsType_light ipsResponsive_showDesktop'>{{if $forum->password}}{lang="no_forum_posts_password"}{{else}}{lang="no_forum_posts"}{{endif}}</li>
				{{endif}}
			</ul>	
		{{endif}}
		{{if $table and $table->canModerate()}}
			<div class='ipsDataItem_modCheck'>
				<span class='ipsCustomInput'>
					<input type='checkbox' data-role='moderation' name="moderate[{$forum->_id}]" data-actions="{expression="implode( ' ', $table->multimodActions( $forum ) )"}" data-state=''>
					<span></span>
				</span>
			</div>
		{{endif}}
	</li>
{{endif}}

 

Odnośnik do komentarza
Udostępnij na innych stronach

5 hours ago, HardStajlowa said:

chciałabym wyeliminować kropki przy subdziałach i w ich miejsce wstawić swoją mini grafikę

W twoim przypadku to CSS:

.ipsDataItem_subList li:after

 

5 hours ago, HardStajlowa said:

przestawić kolejność elementów w "kontenerze działu", bo aktualnie wygląda to beznadziejnie

Znajdź i wytnij:

			{{if $forum->description}}
				<div class="ipsDataItem_meta ipsType_richText ipsContained">{$forum->description|raw}</div>
			{{endif}}

Znajdź i wklej nad:

{{if $forum->hasChildren()}}

 

See me on GitHub or aXenDev.net!

Odnośnik do komentarza
Udostępnij na innych stronach

Z kolejnością sobie poradziłam. Nic nie trzeba było wycinać, w końcu udało mi się normalnie przenieść. Wcześniej przenosiłam poza jeden z div'ów, dlatego. Nie patrzcie też na grafice niżej, że subdziały są nadal nad opisem :D

 

W przypadku tego CSS to chyba tak nie do końca, bo wygląda to w ten sposób:

FPErW2j.png

 

A w samym arkuszu nie ma totalnie nic poza przesuwaniem, kolorem linków od subdziałów i tyle. 

Poza tym jak w CSS mogłabym dodać grafikę dla subdziału zamiast tej obrzydliwej kropki? Przecież nie da się ;x Wiadomo, mogę się mylić, ale na starej wersji mojego stylu dodawałam to w szablonie i działało perfekto.

Tutaj masz CSSy od tego:

 

.ipsDataItem_subList{
    margin:5px 0 0;
    background-repeat:no-repeat;
    background-size:13px 8px;
    list-style:none;
}
html[dir="ltr"] .ipsDataItem_subList{
    padding-top:9px;
}
html[dir="rtl"] .ipsDataItem_subList{
    padding-top:9px;
}
.ipsDataItem_subList li{
    margin-right:5px !important;
    float:left;
    width:calc(100% / 2 - 5px);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.ipsDataItem_subList li a{
    color:#616161;
    width:calc(100% - 15px);
    float:right;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    -webkit-text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
  	padding: 0 0 0 11px;
}
.ipsDataItem_subList li:after{
    display:block;
    content:"";
    width:6px;
    height:6px;
    background:#939393;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    float:left;
    margin-top:7px;
    margin-right:9px;
}
.ipsDataItem_subList li:hover:after{
    background:#3374a5;
    background:-moz-linear-gradient(-45deg, #3374a5 0%, #265eb7 72%);
    background:-webkit-linear-gradient(-45deg, #3374a5 0%,#265eb7 72%);
    background:linear-gradient(135deg, #3374a5 0%,#265eb7 72%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3374a5', endColorstr='#265eb7',GradientType=1 );
    -webkit-box-shadow:0px 10px 15px 0px rgba(102,153,255,0.2);
    -moz-box-shadow:0px 10px 15px 0px rgba(102,153,255,0.2);
    box-shadow:0px 10px 15px 0px rgba(102,153,255,0.2);
}
.ipsDataItem_subList li.ipsDataItem_unread:after{
    background:#3374a5;
    background:-moz-linear-gradient(-45deg, #3374a5 0%, #265eb7 72%);
    background:-webkit-linear-gradient(-45deg, #3374a5 0%,#265eb7 72%);
    background:linear-gradient(135deg, #3374a5 0%,#265eb7 72%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3374a5', endColorstr='#265eb7',GradientType=1 );
    -webkit-box-shadow:0px 10px 15px 0px rgba(102,153,255,0.2);
    -moz-box-shadow:0px 10px 15px 0px rgba(102,153,255,0.2);
    box-shadow:0px 10px 15px 0px rgba(102,153,255,0.2);
}
.ipsDataItem_subList li.ipsDataItem_unread{
    font-weight:bold;
}
.ipsDataItem_subList li a:after{
    content:'';
}
.ipsDataItem_subList li:last-child a:after{
    content:'';
}

 

 

 

Odnośnik do komentarza
Udostępnij na innych stronach

  • 4 tygodnie później...

Od tamtego czasu nie zmieniałam nic w subdziałach, nie ruszałam tych kropek, ani nic. Od ostatniego czasu okazuje się, że mam dziwny problem. Mianowicie chodzi o to, że jak jest napisany nowy temat, którego nie czytałam, to w niektórych subdziałach robi się straszny odstęp między resztą, a w innym dziale subdziały po nowym temacie są w poprawnym ułożeniu. Załączam screena. W rekrutacji się psuje, a w dziale serwera SURF już nie. Na początku sądziłam, że jest to wina tego, iż więcej subdziałów ma nowe posty i coś się gdzieś przesuwa, ale też nie. Inny dział ma również kilka nowych postów w kilku subdziałach i tam wygląda wszystko okej. Nie jest to wina opisów, ikonki działu, ani nic w ten deseń. Sprawdzane. Nigdzie nie ma spacji, odstępów itd.

 

1UOrtlR.png

Odnośnik do komentarza
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę.