TAMAN

A different article styles By Pages ( IP.Content )

251 posts in this topic

Hi everybody, yesterday I was playing with CSS until I crash muy web 😭. I had to recover from backup server and reinstall pages, and then I was a scared to touch again, so I send a message to TAMAN wich had the patience to login into my site and install the last versión for me. You get a pretty styles and this support for less than 5 €, incredible!. 

PD:

Here in Barcelona (Spain), all you can do with 5 € is to drinks a coke in a pub... Thanks TAMAN!!!

Share this post


Link to post
Share on other sites
1 hour ago, Pedro Ibáñez said:

Hi everybody, yesterday I was playing with CSS until I crash muy web 😭. I had to recover from backup server and reinstall pages, and then I was a scared to touch again, so I send a message to TAMAN wich had the patience to login into my site and install the last versión for me. You get a pretty styles and this support for less than 5 €, incredible!. 

PD:

Here in Barcelona (Spain), all you can do with 5 € is to drinks a coke in a pub... Thanks TAMAN!!!

haha! you're welcome :hairy: 

Edited by TAMAN

Share this post


Link to post
Share on other sites
1 hour ago, TAMAN said:

Thats because the images are using its full size :)

Would it be hard to have options in CSS that could be easily configured?

zelgadis likes this

Share this post


Link to post
Share on other sites
2 hours ago, CP_User said:

Would it be hard to have options in CSS that could be easily configured?

Yes possible to give it a fixed height and width but then your images wont show all of it, in the previous version it was like this by default but i have changed due to too many messages asking why my article images has been cut off, and i do agree, article images must show all of it :) 

the best option is to upload a fixed width and height of images :)  

Share this post


Link to post
Share on other sites
1 hour ago, TAMAN said:

Yes possible to give it a fixed height and width but then your images wont show all of it, in the previous version it was like this by default but i have changed due to too many messages asking why my article images has been cut off, and i do agree, article images must show all of it :) 

the best option is to upload a fixed width and height of images :)  

Understandable, not an issue, thanks :)

TAMAN likes this

Share this post


Link to post
Share on other sites
3 hours ago, TAMAN said:

Yes possible to give it a fixed height and width but then your images wont show all of it, in the previous version it was like this by default but i have changed due to too many messages asking why my article images has been cut off, and i do agree, article images must show all of it :) 

the best option is to upload a fixed width and height of images :)  

You can edit the database i mage size also, Mine is 700 by 700  

Share this post


Link to post
Share on other sites

The 1.0.4 version displays the teaser paragraph AFTER the content body. (see image)

teaser.jpg

 

In the previous version, the teaser paragraph was displayed correctly BEFORE the content body.

Share this post


Link to post
Share on other sites
8 hours ago, zelgadis said:

The 1.0.4 version displays the teaser paragraph AFTER the content body. (see image)

 

teaser paragraph? is this a custom editor field in your database? why would you need this 

Share this post


Link to post
Share on other sites

I was trying to get plain three column article layout on blocks. I have successfully removed the parts that I dont want to display. But unable to achieve the layout. The first two lines appears as desired but after that its incorrect. Please see what I have got live here http://thedoc.org/

The code I have used:

{{if !empty( $records ) }}
	{{if $orientation == 'vertical'}}
		{{foreach $records as $record}}
			<div class='ArticleS1'>
	<article class='{{if $record->hidden()}}ipsModerated{{endif}}'>
 	<div class="record-image">
    	{{if $record->record_image}}
      		{{if $record->isFutureDate() || $record->mapped('pinned') || $record->mapped('featured')}}
				<div class="badges"> 
					{{if $record->mapped('pinned')}}
						<span data-ipsTooltip title='{lang="pinned"}'>{lang="pinned"}</span>
					{{endif}}
					{{if $record->mapped('featured') and $record->mapped('pinned')}}
						<span> / </span>
					{{endif}}
					{{if $record->mapped('featured')}}
						<span data-ipsTooltip title='{lang="featured"}'>{lang="featured"}</span>
					{{endif}}
				</div>
			{{endif}}
				<a href="{$record->url()}" title="{lang="read_more_about" sprintf="$record->_title"}">
        			<img class="ipsImage" src="{file="$record->record_image" extension="cms_Records"}">
     			</a>
      	{{endif}}
	</div>
  	<div class="record-content">
      	<h2 class='record-title ipsType_pageTitle'>
			{{if $record->hidden() === -1 || $record->hidden() === 1}}
				{{if $record->hidden() === -1}}
					<span class="ipsBadge ipsBadge_icon ipsBadge_warning" data-ipsTooltip title='{$record->hiddenBlurb()}'><i class='fa fa-eye-slash'></i></span>
				{{elseif $record->hidden() === 1}}
					<span class="ipsBadge ipsBadge_icon ipsBadge_warning" data-ipsTooltip title='{lang="pending_approval"}'><i class='fa fa-warning'></i></span>
				{{endif}}
			{{endif}}
			<a href="{$record->url()}" title="{lang="read_more_about" sprintf="$record->_title"}">
				{{if $record->unread()}}
					<span class='ipsItemStatus' data-ipsTooltip title="{lang="cms_unread_record"}"><i class="fa fa-circle"></i></span>
				{{endif}}
				{$record->_title}
			</a>
		</h2>
		<section class='ipsType_normal ipsType_richText ipsType_break' data-ipsTruncate data-ipsTruncate-size='3 lines' data-ipsTruncate-type='remove'>
			{$record->truncated()|raw}
		</section>
      	{{if count( $record->tags() )}}
			{template="tags" group="global" app="core" params="$record->tags()"}
		{{endif}}
      	<ul class="record-info">
			<li><i class="fa fa-calendar"></i>{datetime="$record->record_publish_date"}</li>
			<li><i class="fa fa-user"></i>{lang="byline_nodate" htmlsprintf="$record->author()->link()"}</li>
		</ul>
 	 </div>
	</article>
</div>
		{{endforeach}}
	{{else}}
		<section class='ArticleS1 ipsType_normal ipsSpacer_both'>
			{{if count($records)}}
				{{foreach $records as $id => $record}}
          
         
                   {{if ($id >= 0)}}
					
						<div class='ipsGrid ipsGrid_collapsePhone'>
					{{endif}}
					
							<div class='ipsGrid_span4'>
	<article class='{{if $record->hidden()}}ipsModerated{{endif}}'>
 	<div class="record-image">
    	{{if $record->record_image}}
      		{{if $record->isFutureDate() || $record->mapped('pinned') || $record->mapped('featured')}}
				<div class="badges"> 
					{{if $record->mapped('pinned')}}
						<span data-ipsTooltip title='{lang="pinned"}'>{lang="pinned"}</span>
					{{endif}}
					{{if $record->mapped('featured') and $record->mapped('pinned')}}
						<span> / </span>
					{{endif}}
					{{if $record->mapped('featured')}}
						<span data-ipsTooltip title='{lang="featured"}'>{lang="featured"}</span>
					{{endif}}
				</div>
			{{endif}}
      		
				<a href="{$record->url()}" title="{lang="read_more_about" sprintf="$record->_title"}">
        			<img class="ipsImage" src="{file="$record->record_image" extension="cms_Records"}">
     			</a>
      	{{endif}}
	</div>
  	<div class="record-content">
      	
      <h2 class='record-title ipsType_pageTitle'>	
			<a href="{$record->url()}" title="{lang="read_more_about" sprintf="$record->_title"}">	<a href="{$record->url()}" title="{lang="read_more_about" sprintf="$record->_title"}">{$record->_title}	</a>
		</h2>
		<section class='ipsType_normal ipsType_richText ipsType_break' data-ipsTruncate data-ipsTruncate-size='4 lines' data-ipsTruncate-type='remove'>
			{$record->truncated()|raw}
		</section>
      	
      
        <div class='ipsDataItem_meta'>
			{{foreach $record->customFieldsForDisplay('listing') as $fieldId => $fieldValue}}
				{{if $fieldValue}}
					{$fieldValue|raw}
				{{endif}}
			{{endforeach}}
		</div>
      
 	 </div>
	</article>
							</div>  
							{{if ($id) ==2 }}
                         
							</div>
					{{endif}} 
				{{endforeach}}
			{{endif}}
		</section>
	{{endif}}
{{endif}}
	

 

The problem looks like here ???

{{if ($id) ==2 }}

Share this post


Link to post
Share on other sites

Great

27 minutes ago, TAMAN said:

I have included one more style S1 three columns along with the new update for magnum theme and article styles 

check marketplace later :) 

 

just hope it is for both block and pages :)

Share this post


Link to post
Share on other sites

New update is available. 

----

31 minutes ago, Himadri Goswami said:

Great

just hope it is for both block and pages :)

Of course mate ^^

Share this post


Link to post
Share on other sites
13 hours ago, TAMAN said:

teaser paragraph? is this a custom editor field in your database? why would you need this 

I never added it. I found that field when I upgraded to IPS 4.0. I thought it was a standard field.
I used it because it appears as a brief summary in the listing template.

Share this post


Link to post
Share on other sites
On 10/10/2016 at 5:48 PM, TAMAN said:

Hello? your css is not loaded

make sure you have deleted the previous templates

as i have explained in the installation which seems like nobody ever reads due to all the messages and notification i get about article styles >_<

You just need to delete all the old templates and then re upload again its not really hard as it sounds, you just clicking 8 buttons of deleting, i have even wrote that if you cant update feel freeto send me a login info and i update it for you.

 

PLEASE delete any template that starts or ends with S1 and then re upload the xml file, it really should work, and again if you cant do that send me a message 

Ok I think I got it all worked out.

Can you please check it at:

https://www.ohiocannabis.com/articles/

And also the articles feed on my main page:

https://www.ohiocannabis.com

Everything looks right/in order correct?

Thank you!

Edited by TheGreyWizard

Share this post


Link to post
Share on other sites
On 14.10.2016 at 0:12 PM, ququruku said:

@TAMAN a little help needed :) how to get rid off those empty spaces marked in red ?

2016-10-14_073601.png

2016-10-14_074948.png

Take a look : https://dlaryb.pl 

2016-10-16_133605.png

main issue here is how to achive equal box sizes with photo scaling ? how to resolve this ?

 

Share this post


Link to post
Share on other sites
6 hours ago, TheGreyWizard said:

Ok I think I got it all worked out.

Can you please check it at:

https://www.ohiocannabis.com/articles/

And also the articles feed on my main page:

https://www.ohiocannabis.com

Everything looks right/in order correct?

Thank you!

No those aren't the styles, Please choice the S1 styles 

Go to ACP > Pages > Databases > Edit > 
Scroll to "Database Index" and select "Show records like articles"  and then scroll to "Articles template:" and Select one of the new templates names which starts with S1, For example S1 One Column. 

 

---

3 hours ago, ququruku said:

main issue here is how to achive equal box sizes with photo scaling ? how to resolve this ?

 

I can write some simple css to make the images equal by scaling it, If you want it then tell in what template do you want to apply 

Share this post


Link to post
Share on other sites
14 minutes ago, TAMAN said:

I can write some simple css to make the images equal by scaling it, If you want it then tell in what template do you want to apply 

S1 Three column

Edited by ququruku

Share this post


Link to post
Share on other sites

Hmm ok I reuploaded the template and tried the S1 and I think the original version looks best, this one is all choppy on my site?

I really like the way I just had them - do you see anything wrong with just keeping the old template?

Share this post


Link to post
Share on other sites
8 hours ago, ququruku said:

S1 Three column

add this to your custom.css and change the values to a fixed width and height to suite your website

.ArticleS1 .ipsGrid_span4 .record-image {
    position: relative;
    display: table-cell;
	width: 240px; /* --> Width */
	height: 133px; /* --> Height */
}
.ArticleS1 .ipsGrid_span4 .record-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.ArticleS1 .ipsGrid_span4 .record-image .badges,
.ArticleS1 .ipsGrid_span4 .record-image .reviews{
	z-index: 1;
}

 

--

 

8 hours ago, TheGreyWizard said:

Hmm ok I reuploaded the template and tried the S1 and I think the original version looks best, this one is all choppy on my site?

I really like the way I just had them - do you see anything wrong with just keeping the old template?

You didnt even know what styles you are using on first post! how am i supposed to know that you are using the styles now? lol they look way better than first version mate, are you sure you're using the styles i made and not the default ones by ips? 

 

Edited by TAMAN

Share this post


Link to post
Share on other sites
3 hours ago, zelgadis said:

With the new version (1.0.5) the star rating is not displayed in the front page. Did I do something wrong?
http://www.dragonslair.it/

make sure to enable reviews or star rating in the database settings :) 

Edited by TAMAN

Share this post


Link to post
Share on other sites

  • Recently Browsing   0 members

    No registered users viewing this page.