Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › Back End › integrating featured content slider with wordpress

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • June 30, 2010 at 6:31 pm #29512
    Thorium
    Member

    ‘m trying to use the featured content slider found at http://css-tricks.com/creating-a-slick-auto-playing-featured-content-slider/ with a wordpress blog. The goal is to make it so that I could create a post in wordpress and have the slider auto update with the new content with me still having controle over which content shows up. Any ideas how I would go about integrating the two. I haven’t dabbled to much with the inner working of wordpress to be able to understand exactly how to go about doing this.

    ultimately the images would be replaced by videos.

    thanks for your help,

    Josh

    html code

    Code:

    Media

    CSS Code

    Code:
    #rotator_holder {
    float: left;
    width: 960px;
    height: 440px;
    margin: 0px;
    padding: 0px;
    display: inline;
    }

    #rotator_holder h3 {
    background: #111111;
    color: #CCCCCC;
    font-size: 14px;
    font-family: Arial, Tahoma, Verdana;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0px;
    padding: 5px 10px 5px 10px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    }
    #featured{
    width:700px;
    padding-right:250px;
    position:relative;
    border:5px solid #FFFFFF;
    height:390px;
    background:#FFFFFF;
    }
    #featured ul.ui-tabs-nav{
    position:absolute;
    top:0; left:700px;
    list-style:none;
    padding:0; margin:0;
    width:250px;
    }
    #featured ul.ui-tabs-nav li{
    padding:1px 0; padding-left:13px;
    font-size:12px;
    color:#666;
    }
    #featured ul.ui-tabs-nav li img{
    float:left; margin:2px 5px;
    background:#fff;
    padding:2px;
    border:1px solid #eee;
    }
    #featured ul.ui-tabs-nav li span{
    font-size:11px; font-family:Verdana;
    line-height:18px;
    }
    #featured li.ui-tabs-nav-item a{
    display:block;
    height:60px;
    color:#333; background:#FFFFFF;
    line-height:20px;
    }
    #featured li.ui-tabs-nav-item a:hover{
    background:#f2f2f2;
    }
    #featured li.ui-tabs-selected{
    background:url(‘images/selected-item.gif’) top left no-repeat;
    }
    #featured ul.ui-tabs-nav li.ui-tabs-selected a{
    background:#ccc;
    }
    #featured .ui-tabs-panel{
    width:700px; height:390px;
    background:#999; position:relative;
    }
    #featured .ui-tabs-panel .info{
    position:absolute;
    top:0px; left:0;
    height:70px;
    width:700px;
    background: url(‘images/transparent-bg.png’);
    }
    #featured .info h2{
    font-size:18px; font-family:Georgia, serif;
    color:#fff; padding:5px; margin:0;
    overflow:hidden;
    }
    #featured .info p{
    margin:0 5px;
    font-family:Verdana; font-size:11px;
    line-height:15px; color:#f0f0f0;
    }
    #featured .info a{
    text-decoration:none;
    color:#fff;
    }
    #featured .info a:hover{
    text-decoration:underline;
    }
    #featured .ui-tabs-hide{
    display:none;
    }

    August 12, 2010 at 11:01 pm #81468
    evalauren
    Member

    Informative information show off the best content of your website or blog in a nice intuitive way” in order to “catch more eyeballs" and really wonderful information .

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘Back End’ is closed to new topics and replies.