Mouse-Over

  • joymedesign

    (@joymedesign)


    12 jaren, 9 maanden geleden

    Hoi,

    Ik ben bezig met de nieuwe website van ons bedrijf Joyme Design.
    Nu willen we op de homepage al onze cases neerzetten in blokken.

    De bedoeling is dat zodra de bezoeker over de afbeelding / printscreen van de case gaat ( mouse-over ) er een hover verschijnt met als achtergrond kleur #66c011 met daarin een korte beschrijving. Zodra je daar op klikt gaat hij naar de pagina met meer info over de case.

    Nu ben ik al 2 dagen aan het zoeken, maar krijg ik niet voor elkaar om dit te laten werken.

    Kan iemand me hiermee helpen?

    Het zou zo moeten werken:
    http://arno.hoog.ma/likes/propaganda/
    http://www.buroreng.nl/nl/projecten/websites/

    De website waar het om gaat is: http://www.joymedesign.com/

    Alvast heel erg bedankt voor de hulp!

    Naomi en Phil
    Joyme Design

6 reacties aan het bekijken - 16 tot 21 (van in totaal 21)
1 2
  • Peter J. Herrel

    (@donutz)

    12 jaren, 8 maanden geleden

    de samenvatting: <?php the_excerpt(); ?>
    de volledige inhoud: <?php the_content(); ?>

    Thread starter joymedesign

    (@joymedesign)

    12 jaren, 8 maanden geleden

    Dus als ik de titel + de samenvatting wil hebben als hover in de thumbnail moet ik <?php the_excerpt(); ?> hier ergens tussen zetten? –> <?php echo apply_atomic_shortcode( ‘entry_title’, ‘[entry-title]’ ); ?>

    Naomi

    Thread starter joymedesign

    (@joymedesign)

    12 jaren, 8 maanden geleden

    Ik ben al de hele dag van alles aan het proberen, maar ik krijg de homepage niet zoals we willen.

    Hieronder de URL nog eens:
    http://www.joymedesign.com/

    Dit wil ik:
    * thumbnail: width: 184px; height: 184px;

    * thumbnail a:hover: background-image: url(http://www.joymedesign.com/wp-content/themes/hatch/images/hover.png);

    * entry title: padding: 10px; font-family: “bebasneue”; font-size: 20px; text-transform: uppercase; color: #66c011;

    * the excerpt: padding: 0 10px 0 10px; color: #FFF;

    Hoe moet ik alles instellen, want ik kom er niet uit 🙁
    We zijn al meer dan 3 weken met dit probleem bezig en we komen er niet echt uit. Iemand die kan helpen, willen we belonen met een beloning!

    Alvast bedankt!

    X Naomi

    Thread starter joymedesign

    (@joymedesign)

    12 jaren, 8 maanden geleden

    Beloning is een Playstation 3 voor de persoon die kan zorgen dat alles goed werkt 🙂

    Yasp0

    (@yasp0)

    12 jaren, 8 maanden geleden

    Als ik het goed begrijp wil je de titel stijlen bij hover. En er moet een stuk tekst inkomen welke uit de betreffend case komt?

    Het thema lijkt behoorlijk custom en gebruikt o.a. shortcodes zie ik.

    Ik wil je wel helpen 🙂 je mag mij mailen op jasperstevens at gmail.com

    Thread starter joymedesign

    (@joymedesign)

    12 jaren, 8 maanden geleden

    Ik heb je gemaild X Naomi

6 reacties aan het bekijken - 16 tot 21 (van in totaal 21)
1 2
  • Het onderwerp ‘Mouse-Over’ is gesloten voor nieuwe reacties.