Artigos com a tag 'Código'


jQuery: bordas redondas sobre as imagens se sobrepõem

Por causa da renderização diferente entre os navegadores, Microsoft Internet Explorer definitivamente ver isso em mente, devemos sempre recorrer a truques para aplicar efeitos especiais, que agora deve ser um padrão. O prêmio discutido bordas arredondadas são um exemplo clássico de "desastre" produzido pela completa incapacidade de fazer uma padrões graves em páginas renderizar HTML / CSS. , etc… Existem muitas soluções que permitem que a rede para obter os "efeitos" (efeitos que se apresentam como isentos os cantos arredondados HTML, efeitos de sombra, reflexos, etc ...) com manchas nas folhas de estilos, truques especiais usando div enxertados, bibliotecas Javascript, uso de canvas , etc ...
Em um puramente educacional Vou ilustrar outra técnica (cross-browser) para aplicar as bordas arredondadas das imagens:

Demo e fonte

Leia mais ...

WordPress: escrever um pessoal sair

Baseado no post WordPress: passo a passo como criar seu próprio login , execute o procedimento de login pode ser útil para indicar em nosso Blog Link para desconectar ou sair. Nós não vamos usar novamente os procedimentos padrão do WordPress, mas como vamos ver sair a um nível baixo. Primeiro temos que determinar se um usuário está logado ou não. Isto é possível apenas por meio de consulta a variável $user_ID WordPress. Por exemplo:

1
2
3
$user_ID != '' ) { // oppure if( is_user_logged_in() ) { if ($ ID_usr! ='') {/ / ou se (is_user_logged_in ()) {
/ / Um usuário está "logado" ...
}

Uma vez que sabemos que um usuário está "logado" no sistema, podemos inserir um simples link para a nossa página de logout. Nós, assim, criar uma página, por exemplo, logout.php seguende, e digitar o código:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
/ **
* Realiza o logout
*
* @ Autor Giovambattista Fazioli
* E-mail @ @ g.fazioli undolog.com
* @ Web http://www.undolog.com
* /
/ / Invoke bootstrap WordPress
( 'wp-config.php' ) ; @ Require_once ('wp-config.php');
( 'wp-includes/pluggable.php' ) ; @ Require_once ('wp-includes/pluggable.php');
/ / Wp sair
wp_logout ();
/ / Carrega qualquer outra página
"Location: /" ) ; header ("Location: /");

E logo então "link" para a nossa página para fornecer um logout procedimentos:

1
2
3
$user_ID != '' ) { if ($ user_id! ='') {
; echo 'href="logout.php"> <a Executar sair </ a>';
}

Leia mais ...

WordPress: melhorar a lista de comentários

O modelo padrão do WordPress (como outros) prevêem normalmente um esquema alternativo para a lista de comentários. No modelo padrão de uma instância de classe é definida css alt , de acordo com a lógica:

1
2
3
4
5
/ Comments.php /
$oddcomment ; ?> id="comment- <?php comment_ID ( ) ?> "> <? Li <php echo $ oddcomment;? "? Comment-<Php COMMENT_ID ()>"> ID =>
[...]
/ * Muda a cada outro comentário a uma classe diferente * /
Oddcomment = $ (empty ($ oddcomment))? 'Class = "alt"':'';

) e una volta a class="alt" . Isto significa que a tag li $oddcomment é definida uma vez um espaço em branco ( "" ) e uma vez por class="alt" . Uma modificação pode ser útil para introduzir outra classe quando o autor do blog para postar um comentário:

imagem

Eu, por exemplo, eu usei o seguinte código no comments.php:

1
2
3
4
5
<? Php
( $comment -> user_id == 3 ) ? ' (Comentário $ -> user_id == 3) Authcomment = $? '' ; authcomment ':'';
( empty ( $classcomment ) ) ? ( ( $authcomment == '' ) ? ' alt' : '' ) : '' ; Classcomment = $ ( vazia ($ classcomment)) ((authcomment $ =='') 'alt':''?):'';
?>
?> <?= $authcomment ?> " id="comment- <?php comment_ID ( ) ?> "> <Li class = "<? = Classcomment $> <? Authcomment = $>" id = "comment-<? Php COMMENT_ID ()?>">

del vostro utente. A linha $comment-&gt;user_id==3 podem variar de acordo com o ' ID do seu usuário. Eu, por exemplo, não use o administrador para responder no blog, mas eu tenho meu usuário ID=3 . , se usate questa utenza potete scrivere: $comment-&gt;user_id==1 . Normalmente, o ' ID do administrador é 1 , se você usar este utilitário você pode escrever: $comment-&gt;user_id==1 . Desta forma, não só para ter o layout alternativo sobre os comentários deixados pelos visitantes, a resposta é imediatamente reconhecível autor do blog.

Leia mais ...

WordPress: modifcare AdminBigWidth para desenvolvedores

AdminBigWidth é um plugin para WordPress que pode definir a área de trabalho da administração em tela cheia. É um plugin muito simples e trivial, na verdade o seu código faz é alterar a classe CSS .wrap :

1
2
3
4
AdminBigWidth function () {
; "type="text/css"> <style envoltório {max-width: none}. </ style> 'eco;
}
, 'AdminBigWidth' ) ; add_action ('admin_head', 'AdminBigWidth');

Para aqueles como eu que usa o editor do WordPress no modo HTML poderia ser útil para definir uma fonte monoespaçada, como Courier, em vez de a fonte padrão proposto. Desta forma, pelo menos para os programadores, é mais fácil de alinhar o código-fonte. Para isso basta adicionar, no estilo de AdminBigWidth , uma nova abordagem para a CSS, que é refletido quando o editor está no modo HTML. Você pode escrever um plugin (duas linhas) para fazer isso, mas é melhor usar seu código AdminBigWidth , evitando assim uma carga adicional devido à enésima Plugin:

1
2
3
4
AdminBigWidth function () {
; "type="text/css"> <style envoltório {max-width: none} # editorcontainer conteúdo # {font-family:" Courier New ", Courier, monospace}. </ style> 'eco;
}
, 'AdminBigWidth' ) ; add_action ('admin_head', 'AdminBigWidth');

Leia mais ...

JQuery: animar backgroundColor

(che nella versione camelize è backgroundColor ). Eu não entendi se é um bug ou algo intencional, a verdade é que qualquer que seja o método animate() para jQuery não funciona com alguns atributos CSS, incluindo background-color (que versão camelize é backgroundColor ). Por exemplo, o código seguinte não tem nenhum efeito:

1
2
3
4
5
"text/css" > < estilo type = "text / css">
div # caixa {background-color: # eee; width: 100px; height: 100px}
</ estilo >
<-! .... ->
"box" >< / div > < div id = "caixa"> </ div >
1
) . animate ( { backgroundColor : "#f90" } ) ; $ ('Div # caixa') Animar ({backgroundColor: "# f90"}).;

Para resolver esse problema você precisa instalar uma extensão: Animações Cor jQuery . Isso permite que você execute o "Animations" atributo backgroundColor e mais:

  • backgroundColor
  • borderBottomColor
  • borderLeftColor
  • borderRightColor
  • borderTopColor
  • color
  • outlineColor

Leia mais ...

WordPress: como escrever uma resposta ao comentário usando jQuery

Recentemente, Cristiano Up lançou um plugin útil para WordPress que podem aggiugere dois links para cada comentário em um post (talvez você tenha instalado um similar, já que no WordPress.org diretório que transmitiu um casal, no entanto, sendo um software italiano seria o evento para homenagear o excelente trabalho feito pelos cristãos). Esses links (resposta e citação), conhecer e / ou indicação do autor de um comentário, realizando a tarefa tediosa de inserir o sinal de arroba (@) para indicar a quem é dirigida. Neste tutorial vou explicar - a médio especializados usuários - como adicionar essas características duas "mão", sem recorrer à instalação de quaisquer plugins. Além disso conscientemente explorar os recursos de jQuery para JavaScript partido. A técnica que apresento é o mesmo que eu usei para introduzir esta característica neste blog.

Nota: O uso de um plugin é a melhor solução para aqueles que tendem a mudar freqüentemente seu modelo WordPress, ou pelo menos, tem planos para implementar isso. Este tutorial é apenas para mostrar como realizar intervenções específicas dentro do código do WordPress e é dedicado aos mais curiosos.

Edite seu comments.php

A primeira mudança que fazemos é para inserir o link "Responder" e "Ações" em cada comentário. Para fazer isso, edite o arquivo comments.php localizado na pasta do nosso tema. Este arquivo contém todas as instruções que exibem os comentários no final de um post. A seção estamos interessados ​​(que podem variar ligeiramente de tema para tema) é o loop para a criação de comentários diferentes, identificados por:

Leia mais ...

A arte de comentar: conselhos práticos

Se um "exemplo" pode valer mais que mil palavras, um programador para uma "revisão" pode ser horas e horas de trabalho! Comentar o código é muitas vezes tedioso e, no momento de escrever o código, ele sempre parece fútil. Pelo contrário, especialmente quando você toma os códigos antigos, tendo acabado de entrar os comentários podem ser infinitamente útil para reconstruir os caminhos mentais têm sido esquecidos. Felizmente, para aqueles como eu, que desenvolveu o Web, tem a enorme vatanggio pode comentar sobre quase todo o código da mesma forma! A barra dupla (/ /) ou barra de contenção através de asterisco e asterisco barra (/ * e * /) é suportado por praticamente todo o desenvolvimento lunguaggi de uso comum, quase todos derivados da C: Javascript, Actionscript, PHP, ...

Leia mais ...

2,0 Snipplr código: fragmentos (snipp) de código útil

Snipplr Era um tempo que eu queria apontar este valioso serviço dedicado ao mundo da programação. Snipplr (código 2.0) é uma autêntica fonte ou repositório de trechos de código úteis. Você pode se cadastrar porções livres e envio de seu código e, sobretudo, desfrutar da snipp muitos já no local. Eu tratei de muitas línguas (Actionscript, ASP, C #, MatLab, PHP, Rails, SVN, etc ...), todos bem classificadas e catalogadas. Você também pode instalar um prático plugin WordPress pode exibir em nosso blog um snipp-caudas através do seu ID único.

Leia mais ...



Pare SOPA