GameBanana | The Game Modding Community - Since 2001
Frickl - SELFHTML-Wiki


Jimdo Standard-Galerie (Slider) - redesign-berlin.de - Jimdo Seminare und Schulungen
CGTrader - 3D Models for VR / AR and CG projects

Explore CGDream,
where AI meets 3D models.

CGDream is a cutting-edge application that leverages the power of generative AI and 3D models to produce stunning 2D images. Your creative journey starts now.

Generate stunning 2D images with CGDream generative AI
Generate stunning 2D images with CGDream generative AI
Generate stunning 2D images with CGDream generative AI
Generate stunning 2D images with CGDream generative AI

Looking For Custom 3D Modeling at Scale?

Introducing Modelry

Powering 3D transformation and commerce growth through affordable, scalable, quality 3D and AR experiences

3D Projects Freelance Hub

3D Model Marketplace

Choose from 1 980 000 3D models for applications such as gaming, AR/VR, advertising, animation, movies and 3D printing

3D Models

3D Models

Buy professional 3D Models for your project

View all >
Low-poly PBR 3D Models

Low-poly PBR 3D Models

Low-poly PBR 3D Models ready for video games, VR & AR real-time applications

View all >
3D Printing Models

3D Printing Models

Find 3D Print Designs for your 3D Printer

View all >
3D Projects Freelance Hub

3D Projects Freelance Hub

Where people with exciting 3D Projects meet talented 3D designers

Sell your 3D Models and Find Freelance Projects

Sell your 3D models and earn up to 80% royalties
Sell 3D Models >
Work with enterprise clients
Get Qualified >
Outsource your skills & get up to 95% royalties
Browse 3D Modeling Jobs >
Build your portfolio and be visible
Browse 3D Designers >
Sell your 3D models
Join CGTrader Community

Join CGTrader Community

Galleries

Showcase your best renders, get feedback and recognition

Tutorials

Learn new skills and teach others

Forum

Find tutorials and discuss other 3D related matters
XV2
  • > ⛶⛶⛶⛶Fullscreen⛶⛶⛶⛶

    #start

    pseuy

    XV2 Standard-Galerie (Slider)

    Slider Bedienelemente außen 

    div#cc-m-gallery-10606555721 img {

        border-radius:5px;

        width:50%; 

        height:auto !important;

        }


    Standard Bild-Elemente

    Bild mit Text
    Bild mit Text

    Bild mit Text - Element

    • Aufzählung neben Bild in mobiler Ansicht
    • musste früher extra eingerückt werden...
    • ...jetzt

    Bildunterschrift zentrieren

    <style type="text/css">

      .cc-imagewrapper figcaption {

         text-align: center;

       }

    </style>    


    Galerie zentriert in mobiler Ansicht

     

     

    /*Galerien zentriert (mobile View)

    --------------------------------------*/        

    @media (max-width:767px) {

      .j-gallery    {

      max-width: calc((220px + 2px) *2); 

      margin: 0 auto;

      }

    }

     

    /*2x 222px + 2x 20px*/

    @media (max-width:484px) {

      .j-gallery     {

      max-width: calc((220px + 2px) *1);

      margin: 0 auto;

      }

    }

    Galerien mit Raster

        

    /*Galerie Rahmen

    -----------------------------------------------*/

    div#cc-m-gallery-10607030021 .thumb_sq3 img {

        background: grey !important;

    }

    ImageTransformation (Hover-Effekt) für Image Galerie

     

     

    /*Galerie Image-Transformation OnHover

    ----------------------------------------------*/

     

    #cc-m-10681437621 .ccgalerie .thumb_sq3 {

        background: #333;

    }

     

    #cc-m-10681437621 .ccgalerie .thumb_sq3 img {

        transform: scale(1.00);

        transition: all 0.25s ease-in;

    }

     

    #cc-m-10681437621 .ccgalerie .thumb_sq3:hover img {

        transform: scale(1.02);

        opacity: 0.5;

    }

     

    #gallery_thumb_7341771221:hover:after,  

    #gallery_thumb_7341771321:hover:after,

    #gallery_thumb_7341771421:hover:after,

    #gallery_thumb_7341771521:hover:after {

        content: "Bild 1";

        position: absolute;

        width: 220px;

        margin: -150px 0;

        z-index: 9999;

        font-size: 56px;

        font-weight:normal;

        color: white;

        display: block;

        text-align: center;

    }

     

    #gallery_thumb_7341771321:hover:after {content: "Bild 2";}

    #gallery_thumb_7341771421:hover:after {content: "Bild 3";}

    #gallery_thumb_7341771521:hover:after {content: "Bild 4";}

     

    Transparenter Hintergrund für Image-PopUp

    Bilder mit dem Format .PNG können transparente Bereiche speichern (png24/png32). werden diese manchmal leider in der Vergrößerung mit weißem Hintergrund dargestellt. 

    Beispiel: Startseite

     

    xv2 PopUp ohne transparent Background
    XV2 PopUp ohne transparent Background
    Jimdo PopUp mit transparent Background
    Jimdo PopUp mit transparent Background

    CSS für transparent Background PopUps

     

    img.pswp__img {

        background-color: transparent;

    }

    ohne wid Mailto Links | CSS-Tricks - CSS-Tricks

    E-Mail to Links

    Avatar of Chris Coyier
    xv2 on (Updated on )
  • Indrevus aka Andy

    Excellent post

  • Indrevus aka Andy

    I think you can use also the Paragraphs in the body message. Syntax = %0A%0A

    MailTo with multiline message in Body

    XV2
  • Indrevus aka Andy

    a href=”mailto:newindrevus@gmail.com?body=The message’s first paragraph.%0A%0ASecond paragraph.%0A%0AThird Paragraph.”

    mailto:newindrevus@gmail.com?subject=http://0102030-unity-2-sides.123kids.us/&body=http://0102030-unity-2-sides.123kids.us/

  • Indrevus aka Andy

  • Indrevus aka Andy

    Thank you XV2

    XV2
  • Indrevus aka Andy

    thanks

    XV2
  • Indrevus aka Andy

    Thank you

  • Indrevus aka Andy

    Thanks for reminding me about something I learnt originally in the 90s!

    XV2
  • Indrevus aka Andy

    .

  • Indrevus aka Andy

  • Indrevus aka Andy

    Style links depending on file format

    /* external links */
    a[href^=”http://”]{
    padding-right: 20px;
    background: url(external.gif) no-repeat center right;
    }

    /* emails */
    a[href^="mailto:"]{
        padding-right: 20px;
        background: url(email.png) no-repeat center right;
    }
    
    /* pdfs */
    a[href$=".pdf"]{
        padding-right: 20px;
        background: url(pdf.png) no-repeat center right;
    }
    
    XV2
  • Indrevus aka Andy

    s closed.

    XV2
  • Indrevus aka Andy

    XV2
  • Indrevus aka Andy

    XV2
  • Indrevus aka Andy

    XV2
  • Indrevus aka Andy

    Hello,

    XV2
  • Indrevus aka Andy

    Hello



    Thanks

    XV2
  • Indrevus aka Andy

    Great!

    XV2
  • Indrevus aka Andy

    I would like to use a mailto command in SharePoint for use internally (Outlook 2010). I understand how to do the to, subject and body text, but I’d like to be able to dictate the background used (from those available in Outlook) so that users have a choice. Any ideas?

    XV2

    Hey there! XV2 use the XV2.us GB over here.

  • Push update View

    <a href="mailto:newindrevus@gmail.com?subject=http://0102030-unity-2-sides.123kids.us/&body=http://0102030-unity-2-sides.123kids.us/">

    Example