Autor Tema:  Ayuda con código (HTML a PHP)  (Leído 210 veces)

0 Usuarios y 1 Visitante están viendo este tema.

  • *
  • Mensajes: 1
  • Actividad:
    0%
  • Karma: 0
  • Puntos de Comercio
    0 (0%)
    • Awards
Ayuda con código (HTML a PHP)
« en: 25 de Mayo de 2019, 04:43:48 pm »
Hola, necesito una ayuda en algo que no tengo mucho conocimiento, primero que nada he visto que en muchos foros tienen la opción de "Hide" la cual te obliga a registrarte para ver el contenido oculto, al ver eso quise hacer un botón tipo "Social Locker" para pobres.  ;D

El cual consiste un un código simple de "Mostrar/Ocultar" pero que al hacer click te envía al sitio que desees y a la vez te muestra el contenido oculto.


El botón se ve así. https://solocracking.blogspot.com/2019/05/blog-post.html


El punto es, que quiero incorporarlo en un foro donde soy miembro, pero no se como convertirlo a PHP, como dije, no tengo conocimiento en eso, los códigos son los siguientes:

Código del estilo:

Código: [Seleccionar]
a.demo_b_d {
background-color:#b20000;
font-family: 'Open Sans', sans-serif;
font-size:12px;
text-decoration:none;
color:#ffffff;
position:relative;
padding:10px 20px;
padding-right:50px;
background-image: linear-gradient(bottom, rgb(188,0,0) 0%, rgb(84,0,0) 100%);
background-image: -o-linear-gradient(bottom, rgb(188,0,0) 0%, rgb(84,0,0) 100%);
background-image: -moz-linear-gradient(bottom, rgb(188,0,0) 0%, rgb(84,0,0) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(188,0,0) 0%, rgb(84,0,0) 100%);
background-image: -ms-linear-gradient(bottom, rgb(188,0,0) 0%, rgb(84,0,0) 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(147,0,0)),
color-stop(1, rgb(188,0,0))
);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0px 1px 0px #600202, 0px 5px 0px 0px #600202, 0px 10px 5px #999;
-moz-box-shadow: inset 0px 1px 0px #600202, 0px 5px 0px 0px #600202, 0px 10px 5px #999;
-o-box-shadow: inset 0px 1px 0px #600202, 0px 5px 0px 0px #600202, 0px 10px 5px #999;
box-shadow: inset 0px 1px 0px #600202, 0px 5px 0px 0px #600202, 0px 10px 5px #999;
}
a.demo_b_d:active {
top:3px;
background-image: linear-gradient(bottom, rgb(188,0,0) 0%, rgb(84,0,0) 100%);
background-image: -o-linear-gradient(bottom, rgb(188,0,0) 0%, rgb(84,0,0) 100%);
background-image: -moz-linear-gradient(bottom, rgb(188,0,0) 0%, rgb(84,0,0) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(188,0,0) 0%, rgb(84,0,0) 100%);
background-image: -ms-linear-gradient(bottom, rgb(188,0,0) 0%, rgb(84,0,0) 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(147,0,0)),
color-stop(1, rgb(188,0,0))
);
-webkit-box-shadow: inset 0px 1px 0px #600202, 0px 2px 0px 0px #600202, 0px 5px 3px #999;
-moz-box-shadow: inset 0px 1px 0px #600202, 0px 2px 0px 0px #600202, 0px 5px 3px #999;
-o-box-shadow: inset 0px 1px 0px #600202, 0px 2px 0px 0px #600202, 0px 5px 3px #999;
box-shadow: inset 0px 1px 0px #600202, 0px 2px 0px 0px #600202, 0px 5px 3px #999;
}
a.demo_b_d::before {
background-color:#fff;
background-image:url(https://2.bp.blogspot.com/-Gtt5NvpPcgw/XOmJdLcH-MI/AAAAAAAAAB4/fZlc6LbhdhA-JmmLsT6yzaBAjnG4E0cYQCLcBGAs/s1600/netflix.png);
background-repeat:no-repeat;
background-position:center center;
content:"";
width:20px;
height:20px;
position:absolute;
right:15px;
top:50%;
margin-top:-9px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: inset 0px 1px 0px #600202, 0px 1px 0px #600202;
-moz-box-shadow: inset 0px 1px 0px #600202, 0px 1px 0px #600202;
-o-box-shadow: inset 0px 1px 0px #600202, 0px 1px 0px #600202;
box-shadow: inset 0px 1px 0px #600202, 0px 1px 0px #600202;
}
a.demo_b_d:active::before {
top:50%;
margin-top:-12px;
-webkit-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #600202, 0px 6px 3px #600202;
-moz-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #600202, 0px 6px 3px #600202;
-o-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #600202, 0px 6px 3px #600202;
box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #600202, 0px 6px 3px #600202;
}


Y el del post es este:

Código: [Seleccionar]
<center><div class="divspoiler">
<a class="demo_b_d" href="https://www.youtube.com/channel/UC4UBA4wLRTAUKCVC_zOY1EQ?sub_confirmation=1" target="_blank" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none';}" >Mostrar Cuentas Premium ▼▲</a>
</div><div><div class="spoiler" style="display: none;"><br />
Aqui las [email protected]<br />
Aqui las [email protected]<br />
O en enlaces o lo que sea.<br />
</div></div></center>

No sé si eso sea posible, y gracias. :)
« última modificación: 25 de Mayo de 2019, 04:47:31 pm por Vͥyrͣiͫx »

  • *
  • Mensajes: 1896
  • Actividad:
    2.2%
  • Karma: 114
  • Puntos de Comercio
    0 (0%)
  • Awards Gracias por tus aportes en scripts PHP ¡Gracias por todos tus aportes!
    • Awards
Re:Ayuda con código (HTML a PHP)
« Respuesta #1 en: 25 de Mayo de 2019, 08:36:02 pm »
No tiene mucho que ver con php, en realidad lo primero es parte de una hoja de estilos css lo segundo es codigo html donde ya se aplica el id que declaraste en el css. De todas maneras como comentas que quieres implementarlo en un foro del que eres parte, debes comentar que software de foro utilizan, en la mayoría de los sistemas populares existen extensiones que te permiten hacer esto que quieres con solo instalarlas.

If debugging is the process of removing bugs, then programming must be the process of putting them in

 

Temas Similares

  Asunto / Iniciado por Respuestas Último mensaje
3 Respuestas
985 Vistas
Último mensaje 21 de Febrero de 2012, 08:56:08 pm
por GamesStrong
21 Respuestas
1545 Vistas
Último mensaje 18 de Noviembre de 2012, 10:20:22 pm
por soyank
8 Respuestas
744 Vistas
Último mensaje 22 de Mayo de 2013, 05:44:03 pm
por dannecraftwtf
4 Respuestas
763 Vistas
Último mensaje 18 de Junio de 2013, 09:20:21 pm
por matyimpacto
0 Respuestas
634 Vistas
Último mensaje 19 de Mayo de 2015, 08:29:02 am
por satanson123