Author Topic: Module lastest articles  (Read 2543 times)

Offline ipghmagnet

  • Jr. Member
  • **
  • Posts: 96
    • neodymium magnet
Module lastest articles
« 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:<h3>buying tips</h3>

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:"buying tips" 

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

thanks in advance.

Guo
neodymium magnet
www.nbvsmagnetic.com

Offline datahell

  • Elxis Team
  • Hero Member
  • *****
  • Posts: 9833
    • Elxis CMS
Re: Module lastest articles
« Reply #1 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.
« Last Edit: May 12, 2016, 09:34:08 by datahell »

Offline ipghmagnet

  • Jr. Member
  • **
  • Posts: 96
    • neodymium magnet
Re: Module lastest articles
« Reply #2 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
neodymium magnet
www.nbvsmagnetic.com

Offline datahell

  • Elxis Team
  • Hero Member
  • *****
  • Posts: 9833
    • Elxis CMS
Re: Module lastest articles
« Reply #3 on: May 12, 2016, 20:55:10 »
This is why I told you that the best solution is to create a content module.