logo script insert in header

[Jos]

Jos

April 27, 2016 at 8:35 am

Hi Hannah ? or ..?

Greetings from The Netherlands where our king William has become 47 years and across the nation all kinds of festivities.
I have a small problem Last year I have created a logo with a green flash beam (see http://www.robo-ts.nl ) .
It consists of: an image (robo-ts) a index html file and a CSS file. I have zipped the 3 files , but can not send an attachment

I’ve bought a Virtue premium theme , due to the fact I want to convert the , prior mentioned website http://www.robo-ts.nl , form joomla to wordpress and it would be nice that it will be nearly a look a like website. In my localhost I’m reasonably succeeded, but the the great feature, the logo with the flash beam, is the hallmark of the company for about 10 years and it is therefore impossible to imagine that it should be disappear?
It’s ready to install, but I do not know how I can fit this in php in wordpress. Would you be so kind to give me clues how I could do in the premium Virtue theme

Additional information: There are 3 images, the background image with the gap, the whole logo name, and the green beam the CSS (see below) and the index url:www.robo-ts.nl/ logo-robo-ts/images/index.html
I hope you can help me?
Thank you ,

Jos

@charset “utf-8”;
/* CSS Document */

body {
padding-top: 60px;
padding-bottom: 40px;
}

div#wrapper {
width: 900px;
margin: 0 auto;
}

div#header {
height: 140px;
background-image: url(../images/header_bg.jpg);
background-position: 0 0;
background-repeat: repeat-x;
border-top: 1px #999 solid;
border-bottom: 1px #999 solid;
}

div#logo_css {
position: relative;
float: left;
width: 242px;
height: 85px;
margin: 45px 0 0 8px;
background-color: #000;
overflow: hidden;
}

div#logo_css .logo-front {
position: absolute;
width: 242px;
height: 85px;
z-index: 2;
}

div#logo_css .logo-beam {
position: absolute;
z-index: 1;
width: 184;
height: 16px;
top: 43px;
-webkit-animation: mymove 2s infinite; /* Chrome, Safari, Opera */
animation: mymove 2s infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
from {left: -184px;}
to {left: 184px;}
}
/* Firefox, IE10 */
@keyframes mymove {
from {left: -184px;}
to {left: 184px;}
}