Categoria 'CSS'


A regra lógica em CSS

Uma característica das folhas de estilo que poucos sabem e uso é a capacidade de definir a regra de "concorrência" de classes! Uma etiqueta, de facto, pode possuir uma ou mais classes associados, o que torna este último extremamente versátil, bem como o meu preferidos. Quantos desenvolvedores usam para fazer, eu tendem a atribuir a ID algumas regras CSS, se houver. Idealmente, logicamente, seria introduzir o ID apenas para fins de script, pois identifica um elemento dentro do DOM.

Leia mais ...

WordPress shortcode Tabela

Deixe-me demonstrar como usar o shortcode - recuado (nested) - WordPress para criar tabelas para ser inserido em posts e páginas. Por exemplo, vou mostrar como criar gráficos comparativos, aqueles usados ​​para comparar as particularidades dos pedidos ou produtos, tais como:

Leia mais ...

Muito curto trecho: slideshow 10 linhas de código

Deixe-me mostrar como você pode implementar uma simples apresentação de slides de imagens com poucas linhas de código, usando jQuery .
Esta técnica pode ser implementada em qualquer tipo de site, o importante é incluir a biblioteca jQuery . Eu usei essa técnica para um site construído em WordPress , desenvolvido em poucas horas para um evento.

Leia mais ...

Como selecionar um grupo de marcas que não têm filhos de um certo tipo

jQuery é até a versão 1.4! Além de vários novos recursos e reescrever o "usual" do código, tudo documentação foi revisto, de modo muito mais legíveis do que antes. impostato a _blank ! Mas vemos a questão deste post; problema: adicionar, usando jQuery, uma classe para todas as marcas a possuir o atributo target definido para _blank !

Leia mais ...

Firefox 3.5.7: como corrigir o defeito das bordas arredondadas de uma imagem

Às vezes você apenas mover um item, mudando o ponto de vista, para resolver um problema parece intransponível. E quando se tem a ver com a compatibilidade entre navegadores e CSS, inventar soluções "espetacular" (duplos diria) está na agenda. , per Safari e Google Chrome. O que eu lhe mostrar uma maneira fácil de aplicar cantos arredondados para imagens usando -moz-border-radius , que está disponível para o Mozilla FireFox e -webkit-border-radius , Safari e Google Chrome.

Leia mais ...

Personalizar um formulário graficamente

Fui convidado como personalizar uma forma gráfica, incluindo uma caixa de busca como o deste blog. A técnica utilizada, ou melhor que uso, é obviamente válida para qualquer tipo de forma de módulo. O que muda é apenas a complexidade do trabalho a ser feito, dependendo da complexidade do próprio formulário.

Leia mais ...

Um tema WordPress para todos

Sob o título do blog, à esquerda, logo acima da barra de navegação, há um "interruptor" que lhe permite mudar para um tema alternativo gráfica, ou seja, "claro".

O tema gráfico de um blog é escolhido pelo proprietário do blog próprio, se ele é criado à mão, se ele foi baixado da rede. O resultado final, no entanto, além de "nós" os proprietários devem ser satisfeitos pelos nossos visitantes, que nem sempre apreciam opções de layout determinados. Para alguns, será trivial para outro maravilhoso, para outros ainda terrivelmente irritante! Por que, então, não escolha o "visitante" a disposição com que a ver o nosso blog?

Leia mais ...

Muito curto truque: CSS condicional e otimização

A utilização das condições dentro do navegador é frequentemente utilizado para decidir qual a carga de folha de estilo com base no tipo de navegador. Por exemplo, podemos utilizar este código para carregar uma folha de estilo em particular quando o navegador é o Internet Explorer 6:

Leia mais ...

WordPress: personalizar a navegação entre os postes

WordPress oferece muitos recursos para navegar através dos vários postos e páginas para a frente e para trás. Estes são utilizados no âmbito dos temas, muitas vezes em um completamente sinônimos, embora contenham algumas diferenças. Isto, na verdade, criar uma certa confusão na escolha da função de usar. Aqui estão algumas notas:

Leia mais ...

Muito curto truque: desativar o redimensionamento de um textarea no Safari

Em qualquer navegador desenvolvido a partir do motor de renderização WebKit (como apputo Safari ou Chrome ), a campos textarea show, no canto inferior direito, a característica de redimensionamento. Se tal especificidade pode ser realmente útil em certos casos, em outros, é transformado em um elemento irritante.

Leia mais ...



Pare SOPA