Jump to content

A different article styles By Pages ( IP.Content )


Recommended Posts

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!!!

Link to comment
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
Link to comment
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 :)  

Link to comment
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 :)

Link to comment
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  

Link to comment

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 }}

Link to comment
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.

Link to comment
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
Link to comment
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 

Link to comment
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
Link to comment
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...