Elxis CMS Forum

Support => Technical support => Topic started by: ipghmagnet on May 12, 2016, 05:48:57

Title: Module lastest articles
Post by: ipghmagnet on May 12, 2016, 05:48:57

Hello Heros,

I need your support.

Pls check my original.jpg  and to improve.jpg.

in original.jpg.
the code:＜ｈ３＞ｂｕｙｉｎｇ　ｔｉｐｓ＜／ｈ３＞

but i want to use pictures to replace the "buying tips" and in the right side, "more“ can link to other pages.

i'd like to use :
<div class="titlehead">
<ul>
   <li class="libutton"> <img src="button1.jpg" /> </li>
   <li class="libutton"> <img src="buyingtips.jpg" /> </li>
   <li class="more"> <img src="more.jpg" /> </li>
</ul>

<div class="underline" > <img src="underline.jpg" /> </div>

to replace the words:＂ｂｕｙｉｎｇ　ｔｉｐｓ＂　

pls kindly advise how to code and which file will be used.

thanks in advance.

Guo

Title: Re: Module lastest articles
Post by: datahell on May 12, 2016, 09:27:08

Create a custom content module and add any html you like in the editor's text-area.

Suggestion: Dont use pictures except for background image, text is better. Also dont use hr, css border can do the same without extra html code. Tag "hr" is old-fashioned.

Alternative you could use a csss suffic in module "articles" and use css3 to add text next to the module title.


h3.module_something {
        background: transparent url(something.png) 0 0 no-repeat;
        padding: 0 0 0 30px;
        border-bottom:2px solid #222;
}
h3.module_something::after {
        content:"More...";
        display:block;
        width:100px;
        float:right;
}

This solution is a little tricky. Better create a custom content module.

Title: Re: Module lastest articles
Post by: ipghmagnet on May 12, 2016, 17:55:53

Thanks Datehell,

I tried your "little tricky". It is very good to reduce pictures.
But for more, i cannot make links to " more" ..
I think this "more"　cannot be given links by css..

Am i right?

rgds.
Guo

Title: Re: Module lastest articles
Post by: datahell on May 12, 2016, 20:55:10

This is why I told you that the best solution is to create a content module.