Avatar billede NanoGeek Seniormester
24. februar 2019 - 13:07 Der er 3 kommentarer

To streger fra hver side af logoet

Hej med jer. Jeg kan ikke få dette her til at fungere..

Det skulle gerne være noget a la denne side:
https://www.halfbakedharvest.com/

Men jeg har allerede problemer med <body>.....

Så hvordan mener I jeg skal bygge det op? Iframe?


HTML:
<div id="logo" class="flex-col logo side-lines">
            <!-- Header logo -->
<a href="URL" title="Logo" rel="home">
    LOGO</a>
          </div>


CSS:
/*Important stuff*/
.side-lines { background:#eee;
  &:before,
  &:after { position:absolute; width:10%; height:3px; content:''; border-top:1px solid #000; border-bottom:0px solid #000; margin-top:.50em; }
    &:before { margin-left:-11%; }
    &:after { margin-left:1%; }
}

/*Styling stuff*/
body { text-align:center; padding-top:50px; }
$link: #369;
a { color:$link; }
a:hover { color:lighten($link, 20%); text-decoration:none; }
Avatar billede softspot Forsker
24. februar 2019 - 13:23 #1
Det du henviser til er lavet med et grafisk overlay, der dækker stregerne bag logoet (som er et PNG med transparens).
Avatar billede NanoGeek Seniormester
28. februar 2019 - 18:36 #2
Hvordan ville du lave det? :-)
Avatar billede softspot Forsker
28. februar 2019 - 20:50 #3
Prøv at kigge på, hvordan halfbakedharvest har lavet det...
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester