Rumitec.es
NO MEZCLAR GALERIAS SI TIENEN LIGHTBOX
rel="lightbox[turismos-motos] title="Lo que sea"
CREAR DIFERENTES LINEAS
Electroless Hard Coat
Ctra. C-155 (Sabadell - Granollers) Km. 11.4
Polígon La Serra Lliçà de Vall Barcelona
Telf. +34 93 844 52 30Fax: +34 93 843 62 17
elhco@
UNA LINEA CON ICONO:
urgencias@
OTRA OPCION
Descargar Catálogo
ESTILOS
-apara quitar el posible icono, donde pone cable es el nombre de la clase:
.cable {
list-style: none outside none;
}
-luego se pone la clase:
.cable li {
background: url("") no-repeat scroll 0 6px rgba(0, 0, 0, 0);
padding-left: 32px;
}
BUSCAR HEIDI
select * from ps_order_invoice where id_order =13418
COLORES DIFERENTES EN TABLAS
tr:nth-child(2n+1) > td {
background: #e1e7fa;
}
o bien
tr:nth-child(even) {
background-color: #F3F3F3;
}
BORDE BONITO PARA FOTO
.pic {
border: 10px solid white;
box-shadow: 5px 5px 5px #111111;
float: left;
height: 300px;
margin: 20px;
overflow: hidden;
width: 300px;
}
PONER CAMPOS FORMULARIO DENTRO
[text* nombre placeholder "Nombre"]
[text* telefono placeholder "Teléfono"]
[textarea* your-message placeholder " Mensaje"]
[submit "Enviar"]
Datos del formulario recibido desde
Datos del contacto:
Nombre: [nombre]
Teléfono: [telefono]
Mensaje: [textarea]
CENTRAR IMAGEN CON UN DIV
.centrar-imagen {
text-align: center;
}
Y luego lo aplicamos así:
AMPLIAR FOTO CON PRETTY PHOTO
COLUMNAS
[one_fourth][/one_fourth]
[one_fourth_last][/one_fourth_last]
[three_fourth][/three_fourth]
[three_fourth_last][/three_fourth_last]
[one_fifth][/one_fifth]
[one_fifth_last][/one_fifth_last]
[two_fifth][/two_fifth]
[two_fifth_last][/two_fifth_last]
[three_fifth][/three_fifth]
[three_fifth_last][/three_fifth_last]
[four_fifth][/four_fifth]
[four_fifth_last][/four_fifth_last]
[one_sixth][/one_sixth]
[one_sixth_last][/one_sixth_last]
FOOTER CON DIRECION MAIL Y FAX Y LOGOS
C/ Isaac Peral, 16 B
Polígono industrial Can Castells
08420 CANOVELLES (Barcelona)
Teléfono: 938 405 226
Fax: 938 494 482
Formulario de contacto
OTRO RECUADRO
.oferta {
background: none repeat scroll 0 0 #EEEEEE;
border: 1px solid #CCCCCC;
margin: 15px 0;
min-height: 85px;
padding: 20px 30px;
text-align: center;
}
Para premiar vuestra fidelidad:
Ofrecemos gratis el Carnet de Peluquería 5+1 Gratis, con el que por cada 5 baños o cortes de pelo, te regalamos el sexto.
MENU VERTICAL CON CSS
Hay que escribir
ul.menu {
width: 240px;
list-style: none;
margin: 0;
padding: 0;
}
ul.menu li {
border-bottom: 1px solid #7C7C7C;
border-top: 1px solid #FFF;
background: #F4F4F4;
}
ul.menu li a {
padding: .2em 0 .2em 1.9em;
display: block;
text-decoration: none;
color: #333;
background: #F4F4F4 url("/img/flecha_inactiva.png") no-repeat 3px;
}
ul.menu li a:hover, ul.menu li a:active {
background: #E4E4E4 url("/img/flecha_activa.png") no-repeat 3px;
}
MENU HORIZONTAL CON ICONOS
Iniciatives Jorsan
Servei Electric d’Automoció
Noticias y Actualidad
Contacto
/*el css*/
ul.menu2 li {
float: left;
margin-left: 20px;
}
.menu2 .fa {
margin-right: 5px;
}
.menu2 {
float: right;
}
1 CLASE PARA TABLA DE COOKIE
.cookie td {
border-bottom: 1px solid #aaaaaa;
}
.cookie {
width: 100%;
font-size:12px;
line-height: 25px;
}
2
3 MENU HORIZONTAL (GRUPJORSAN)
Servei Electric d’Automoció
Noticias y Actualidad
Contacto
.menu2 {
float: right;
}
ul.menu2 li {
float: left;
margin-left: 20px;
}
MENU VERTICAL (VALLCORBA)
Especialidades
Dónde estamos
Solicitar cita
Información para pacientes
Actividades docentes
Solicitud de colaboración
EL CSS
ul.menu {
list-style: none outside none;
width: 240px;
}
Especialidades
ul.menu li a {
background: url("/img/flecha_inactiva.png") no-repeat scroll 3px center rgba(0, 0, 0, 0);
color: #8D9095;
display: block;
padding: 0.2em 0 0.2em 1.9em;
text-decoration: none;
}
CAMBIAR EL ASUNTO EN LOS FORMULARIOS DE WORDPRESS
Formulario web
CAMBIAR ANCHURA DEL FORMULARIO
html
[text* nombre placeholder id:id_nombre "Nombre"]
[text* mail placeholder id:id_mail "Mail"]
[textarea* mensaje placeholder id:id_mensaje " Mensaje"]
[submit "Enviar"]
css
#id_nombre {
width: 80%;
}
#id_mail {
width: 80%;
}
#id_mensaje {
width: 80%;
}
UN ICONO CORBACHO
Descargar Catálogo
REDIRECCIONES 301
######INICIO CONFIGURACION REDIRECCIONES######
Redirect 301 /acontactus.html /contactar/
Redirect 301 /privacidad.html /aviso-legal/
Redirect 301 /asitemap.html /index.php/
Redirect 301 /legal.html /aviso-legal/
Redirect 301 /aimagezoominggalleries.html /index.php/
Redirect 301 /donde-estamos.html /contactar/
Redirect 301 /apage-42245.html /index.php/
RedirectMatch 301 /aimagezoominggalleries-(.*) /index.php/
RedirectMatch 301 /apage-(.*) /index.php/
RedirectMatch 301 /moxqum.paginasamarillas.es/(.*)/ /index.php/
Redirect 301 /cookies/ /aviso-legal/
Redirect 301 /servicio-de-contenedores/ /compra-venta-en-puerta/
Redirect 301 /s37760/alogin/dforgotpw/index.html /index.php/
Redirect 301 /index-2.html /index.php/
Redirect 301 /index /index.php/
RedirectMatch 301 /legacy.(.*) /index.php/
Redirect 301 /rjjbtnrhwjaoig.html /index.php/
Redirect 301 /residuos-metalicos/aluminio/ /materiales/venta-chatarra-aluminio/
Redirect 301 /gsdhdssgfsdgfdgfindex.php /index.php/
Redirect 301 /fcdwzquwb.html /index.php/
Redirect 301 /residuos-metalicos/cobre/ /materiales/venta-chatarra-cobre/
Redirect 301 /mppqcagjjw.html /index.php/
Redirect 301 /residuos-metalicos/laton/ /materiales/venta-chatarra-laton/
Redirect 301 /residuos-metalicos/vender-equipos-electronicos-viejos/ /residuos-metalicos/
Redirect 301 /que-compramos/vender-equipos-electronicos-viejos/ /residuos-metalicos/
Redirect 301 /que-compramos/baterias/ /residuos-metalicos/
Redirect 301 /uuzklmhx.html /index.php/
Redirect 301 /ryrgzbxclinvjz.html /index.php/
Redirect 301 /pages/ES/motores.htm /index.php/
Redirect 301 /wolnkeckapmigb.html /index.php/
Redirect 301 /que-compramos/equipos-electronicos/ /residuos-metalicos/
Redirect 301 /privacidad /aviso-legal/
Redirect 301 /emrbgtrsxtvlol.html /index.php/
Redirect 301 /muzalqcpgfo.html /index.php/
Redirect 301 /residuos-metalicos/acero-inoxidable/ /index.php/
Redirect 301 /jehvwxzbnhipbqri.html /index.php/
######FIN DE CONFIGURACION REDIRECCIONES######
CHECKBOX FORMULARIOS:
En Contact form
[checkbox* lopd "He leído y acepto las condiciones de uso"]
[acceptance acepto] Estoy de acuerdo y he leído el aviso legal.
El CSS
.aviso-legal {
color: #707070;
font-size: 11px;
font-weight: normal !important;
text-align: justify;
}
El Texto:
En cumplimiento de la LOPD 15/1999 de 13 de Diciembre, le informamos que sus datos podrían pasar a formar parte de un fichero propiedad de la empresa AMC Assycable, S.L.. Usted tiene derecho de acceso, rectificación, oposición y cancelación que puede ejercer mediante escrito a la dirección anteriormente indicada. Por la presente autoriza expresamente a la compañía a que le remita información sobre sus servicios a la dirección de correo electrónico indicada en el formulario. La información ofrecida en esta página web es meramente orientativa y no es, en ningún caso, vinculante.
JQUERY AÑADIR EVENTOS
BUSCO:
jQuery(document).ready(function(
O BIEN:
$(document).ready(function(
SUELE ESTAR EN main.js
jQuery(document).ready(function()
{
"use strict";
//CALL MAIN JSCRIPT FUNCTION
if (make_session!==true) {
quest_init();
}
// Seguimiento de eventos para google analytics
jQuery('.wpcf7-submit').on('click', function() {
ga('send', 'event', 'button', 'click', 'formulario');
});
jQuery('#driveclick').on('click', function() {
ga('send', 'event', 'button', 'click', 'calcular ruta');
});
});
EJEMPLO CON $
/** Tracking **/
$('.dt-btn-submit').on('click', function() {
ga('send', 'event', 'button', 'click', 'formulario');
});
$('#ui-id-1').on('click', function() {
ga('send', 'event', 'button', 'click', 'Tab FAQ');
});
$('#ui-id-2').on('click', function() {
ga('send', 'event', 'button', 'click', 'Tab Sobre la mamoplastia');
});
EJEMPLO CON JQUERY
/** Tracking **/
jQuery('.dt-btn-submit').on('click', function() {
ga('send', 'event', 'button', 'click', 'formulario');
});
jQuery('.ui-id-1').on('click', function() {
ga('send', 'event', 'button', 'click', 'Tab FAQ');
});
jQuery('.ui-id-2').on('click', function() {
ga('send', 'event', 'button', 'click', 'Tab Sobre la mamoplastia');
});
RESUMEN DE CORBACHO
jQuery(document).ready(function()
{
"use strict";
//CALL MAIN JSCRIPT FUNCTION
if (make_session!==true) {
quest_init();
}
// Seguimiento de eventos para google analytics
jQuery('.wpcf7-submit').on('click', function() {
ga('send', 'event', 'button', 'click', 'formulario');
});
jQuery('#driveclick').on('click', function() {
ga('send', 'event', 'button', 'click', 'calcular ruta');
});
jQuery('.list-banners').on('click', function() {
ga('send', 'event', 'button', 'click', 'marcas');
});
jQuery('#catalogo-fachadas').on('click', function() {
ga('send', 'event', 'button', 'click', 'catalogo fachadas');
});
jQuery('#catalogo-herramientas').on('click', function() {
ga('send', 'event', 'button', 'click', 'catalogo herramientas');
});
jQuery('#catalogo-laboral').on('click', function() {
ga('send', 'event', 'button', 'click', 'catalogo laboral');
});
jQuery('#catalogo-rodillos').on('click', function() {
ga('send', 'event', 'button', 'click', 'catalogo rodillos');
});
});
VARIAS IMAGENES CON FONDO Y TEXTO (LA PALMA)
Html
Listo para llevar
Especial DIADAS
Otros encargos especiales
Personaliza con chocolate
Ideas para caterings
Tartas para bodas y eventos
Postres y meriendas
Ver todos los productos
CSS
.tienda {
background-image: url("/img/tienda.jpg");
}
.diada {
background-image: url("/img/diadas.jpg");
}
.chocolatefoto {
background-image: url("/img/chocolate.jpg");
}
.entremeses {
background-image: url("/img/entremeses.jpg");
}
.bodasfoto {
background-image: url("/img/bodas.jpg");
}
.tienda {
background-image: url("/img/tienda.jpg");
}
.tienda {
background-image: url("/img/tienda.jpg");
}
.pastelero {
background-image: url("/img/pastelero.jpg");
}
.boton {
background-repeat: no-repeat;
color: #000000;
font-size: 16px;
font-weight: bold;
height: 56px;
padding: 16px 0 0 80px;
margin-bottom: 10px;
border-radius: 6px;
}
AÑADIR TELEFONO AL MOVIL (EJEMPLO ASSYCABLE)
html
Creo dos
+34 977 66 54 81
+34 977 66 54 81
Ejemplo:
+34 977 66 54 81
+34 977 66 54 81
info@
En el CSS normal bloqueo que se vea el estilo del movil:
.tel-movil {
display: none;
}
Añado al CSS en el apartado del responsive lo siguiente:
@media only screen and (max-width: 767px) {
.tel-movil {
display: block;
}
.tel-pc {
display: none;
}
1 FUNCION BUSCADOR WORDPRESS
ABRIR FOTO COMO GALERIA
rel="prettyPhoto"
CAMBIAR ALTURA DEL CAMPO TEXTO EN FORMULARIOS
[textarea* mensaje 20x4 placeholder "Message"]
AÑADIR COMO LLEGAR EN EL CONTACTO
El mapa superior debemos poner un id y tamaño y el script de la API de Google, se puede poner en el mismo WP:
Añadimos un campo de HTML con los datos de la ubicación:
Después otro HTML con la dirección
Tu dirección:
Y AL FINAL EL JAVASCRIPT
var Demo1 = {
mapContainer: document.getElementById("mapa"),
dirContainer: document.getElementById("dir-container"),
fromInput: document.getElementById("from-input1"),
toInput: document.getElementById("to-input1"),
dirService: new google.maps.DirectionsService(),
dirRenderer: new google.maps.DirectionsRenderer(),
map: null,
showDirections: function(dirResult, dirStatus) {
if (dirStatus != google.maps.DirectionsStatus.OK) {
alert("Error en la ruta: " + dirStatus);
return;
}
Demo1.dirRenderer.setMap(Demo1.map);
Demo1.dirRenderer.setPanel(Demo1.dirContainer);
Demo1.dirRenderer.setDirections(dirResult);
},
getDirections: function() {
var fromStr = Demo1.fromInput.value;
var toStr = Demo1.toInput.value;
var dirRequest = {
origin: fromStr,
destination: toStr,
travelMode: google.maps.DirectionsTravelMode.DRIVING,
unitSystem: google.maps.DirectionsUnitSystem.METRIC,
provideRouteAlternatives: true
};
Demo1.dirService.route(dirRequest, Demo1.showDirections);
},
init: function() {
var image = "/img/marcador-mapa.png";
var latLng = new google.maps.LatLng(41.384279,2.043904);
Demo1.map = new google.maps.Map(Demo1.mapContainer, {
zoom: 16,
center: latLng,
mapTypeId: google.maps.MapTypeId.ROADMAP
});
var marker = new google.maps.Marker({
position: latLng,
map: Demo1.map,
icon: image
});
}
};
google.maps.event.addDomListener(window, "load", Demo1.init);
BANNER DE COLORES (EJEMPLO ESSENTIAL)
.banner-quienes a {
background: none repeat scroll 0 0 #facfcf !important;
box-shadow: 0px 5px 0 #fe9b9b;
font-size: 25px;
text-align: center;
color: #000 !important;
}
.banner-quienes a:hover {
background: none repeat scroll 0 0 #fe9b9b!important;
box-shadow: 0px 5px 0 #facfcf;
color: #fff !important;
}
ACTIVAR MEGAMENU EN LA X
DISPLAY: BLOCK;
VISIBILITY: VISIBLE;
CAMBIAR IDIOMA COOKIE LAW INFO
/**
Outputs the cookie control script in the footer
N.B. This script MUST be output in the footer.
This function should be attached to the wp_footer action hook.
*/
function cookielawinfo_inject_cli_script() {
$the_options = cookielawinfo_get_admin_settings();
if ( $the_options['is_on'] == true ) {
// Process string for JavaScript
// REFACTOR / DEBUG:
// Consider using esc_js( $str ) instead of manually correcting (though is > WP v2.8 only, hence doing manually)
// $str processes shortcodes:
$str = addslashes ( do_shortcode( stripslashes ( $the_options['notify_message'] ) ) );
// Remove line breaks (breaks JavaScript if param is split over > 1 lines)
$line_breaks = array("\r\n", "\n", "\r");
$str = str_replace($line_breaks, '', $str);
if (ICL_LANGUAGE_CODE=='ca'){
$str = 'Ús de cookiesEn el nostre web fer servir cookies pròpies i de tercers per millorar la seva experiència d`usuari i recollir dades estadístiques sobre l`ús del web per part dels usuaris. Si navegues per la nostra web, estaràs acceptant l`ús de les cookies. Acceptar Més informació';
}
// You can construct your own HTML and CSS here if needed.
$notify_html = '' . $str . '';
if ( $the_options['showagain_tab'] === true ) {
$notify_html .= '' . $the_options["showagain_text"] . '';
}
?>
//
................
................
In order to avoid copyright disputes, this page is only a partial summary.
To fulfill the demand for quickly locating and searching documents.
It is intelligent file search solution for home and business.