How to make this effect in css

Asked

Viewed 80 times

-5

there is a possibility to help me deploy this code css

img {
  background-color: blue;
  width: 200px;
  height: 200px;
}

.capa {
    width: 210px;
    height: 210px;
}

.cd {
  position: absolute;
  z-index: -1;
  border-radius: 100px;
  border: 2px solid gray;
  left: 100px;
}
<img class="capa" src="http://www.suamusica.com.br/dirs/293980/686110/cd_cover.jpg">
<img class="cd" src="http://www.suamusica.com.br/dirs/293980/686110/cd_cover.jpg">

on my website? run the excerpt to understand! SOME CONTACT?

http://site.damarciocds.com.br/oz-kara-de-saia-to-solteiro-previa/

css

  • So if you have the code where is the problem? Just use.

  • alignment with a div is also tried by and did not very well turned round!

  • a possibility for you to edit and by the inspecter of elements of your browser? ? and send to me what to try to insert it ?

  • you have to adapt to your code. Put your resu-post div code here

  • use this code to post the contents maybe to add in the Cover <div class="Info"><b>Band:</b>Oz Karaz de Saia <br> <b>Local:</b>Not Informed<br> <b>Size:</b>3.08MB<br> <b>Quality:</b>100%< <b>Recording:</b>Band/Production </div> <p><<!! --more-></p> <div class="Cover"> <img src="http://www.suamusica.com.br/dirs/293980/686110/cd_cover.jpg" height="160" width="160"> <div class="Links"><Strong>Server For Download - <a href="http://www.suamusicacom.br/OzKarazdeSaiaTOSOLTEIRO2015" rel="nofollow" target=""_Blank"> Your Music </a></Strong></div> </div>

  • Puts the function the_content(); which is where you should have the code of the div.

  • I GUESS THE FUNCTION IS THE ONE I POSTED UP! AXO THAT ADDING ONE MORE IMAGE AND EDITING A <div class="Cover"> DOES IT WORK SO N KNOW HOW IT HAS WATS? FOR YOU TO UNDERSTAND MY POINT OF VIEW !

  • i saw this model on this site ! http://www.suamusica.com.br/AvioesEmSerraTalhadaSet2015

  • Look at my answer.

  • didn’t work! http://i.imgur.com/Coofflm.png

  • has to work, if you run the snipet below it works.

  • work that works most there in the code I’m trying to deploy does not work when I put the css in the style.css happens that this in the photo has a div .content-single img by la da para editar a imagen

  • Of course, if you have CSS superimposed it goes from screwups. You have to try to fix it. Try putting and taking CSS rules

  • I’ll try :/ more confessed that I don’t get along with . css

  • anyone??? / and to help!

Show 10 more comments

1 answer

4

img {
  background-color: blue;
  width: 200px;
  height: 200px;
}

.capa {
    width: 210px;
    height: 210px;
}

.cd {
  position: absolute;
  z-index: -1;
  border-radius: 100px;
  border: 2px solid gray;
  left: 100px;
}
<div class="Info">
    <b>Banda:</b>Oz Karaz de Saia <br> 
    <b>Local:</b>Não Informado<br>
    <b>Tamanho:</b>3.08MB<br>
    <b>Qualidade:</b>100%<br> 
    <b>Gravação:</b>Banda/Produção </div>
    <p>
        <!--more-->
    </p>
    <div class="Capa">
        <div>
            <img class="capa" src="http://www.suamusica.com.br/dirs/293980/686110/cd_cover.jpg">
            <img class="cd" src="http://www.suamusica.com.br/dirs/293980/686110/cd_cover.jpg">
        </div>

        <div class="Links">
            <strong>Servidor Para o Download – 
                <a href="suamusica.com.br/OzKarazdeSaiaTOSOLTEIRO2015"; rel="nofollow" target="_blank"> 
                    Sua Musica 
                </a>
            </strong>
        </div>
    </div>
</div>

Browser other questions tagged css

You are not signed in. Login or sign up in order to post.