Ergebnis 1 bis 2 von 2

Thema: Css von einem Link !?

  1. #1
    Youngster
    Registriert seit
    12.10.2014
    Beiträge
    10
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Frage Css von einem Link !?

    Hi,hallo

    Ich habe mir einen Ladebalken erstellt

    in einem <style> </style> ist das aussehen gespeichert,
    nun habe ich alles in eine .css gepackt
    aber wie setzte ich jetzt die style class !?

    PercentBar.css


    HTML-Code:
    body {
         
        
    progress {
        width: 200px;
        height: 14px;
        margin: 2px;
        display: block;
        /* Important Thing */
        -webkit-appearance: none;
        border: none;
    }
    
    progress::-webkit-progress-bar {
        background: black;
        border-radius: 50px;
        padding: 2px;
        box-shadow: 0 1px 0px 0 rgba(255, 255, 255, 0.2);
    }
    
    progress::-webkit-progress-value {
        border-radius: 50px;
        box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.4);
        background:
            -webkit-linear-gradient(45deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%),
            -webkit-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),
            -webkit-linear-gradient(right, #ba7448, #c4672d);
        
        /* Looks great, now animating it */
        background-size: 25px 14px, 100% 100%, 100% 100%;
        -webkit-animation: move 7s linear 0 infinite;
    }
    
    
    @-webkit-keyframes move {
        0% {background-position: 0px 0px, 0 0, 0 0}
        100% {background-position: -100px 0px, 0 0, 0 0}
    }
    
    
    a.tooltips {
      position: relative;
      display: inline;
    }
    a.tooltips span {
      position: absolute;
      width:140px;
      color: #FFFFFF;
      background: #FF261F;
      height: 36px;
      line-height: 36px;
      text-align: center;
      visibility: hidden;
      border-radius: 6px;
    }
    a.tooltips span:after {
      content: '';
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -8px;
      width: 0; height: 0;
      border-top: 8px solid #FF261F;
      border-right: 8px solid transparent;
      border-left: 8px solid transparent;
    }
    a:hover.tooltips span {
      visibility: visible;
      opacity: 0.8;
      bottom: 30px;
      left: 50%;
      margin-left: -76px;
      z-index: 999;
    }
    
        
        
    }
    und so mach ich die bar:

    HTML-Code:
     <progress class=<link href="LINK ZU PercentBar.css" /> max="100" value="<?php echo $perc ?>"></progress>
        
    scheint aber mit Link nicht zu funktionieren

    mfg weis jmd wie ich das machen kann
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    König(in)
    Registriert seit
    13.06.2012
    Beiträge
    1.151
    Danke
    14
    Bekam 63 mal "Danke" in 61 Postings

    Standard AW: Css von einem Link !?

    Natürlich geht das so nicht. Lerne bitte die Grundlagen zu CSS und wie man die in eine HTML-Datei einbindet.

Ähnliche Themen

  1. link zu einem iframe
    Von Phil im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 19.09.2007, 23:36
  2. 2 iframes mit einem link
    Von mofakiller im Forum HTML & CSS Forum
    Antworten: 11
    Letzter Beitrag: 13.12.2006, 10:11
  3. Mailto mit einem Link(url)
    Von Elecs im Forum HTML & CSS Forum
    Antworten: 9
    Letzter Beitrag: 30.03.2006, 14:34
  4. mit einem link 2 sachen....
    Von vego im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 08.07.2005, 20:11
  5. Link und Anker in einem
    Von Martin11 im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 09.10.2004, 22:40

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •