CSS: Sticky footer solution

22.05.2013 14:58 RedOctober CSS 0 Comments

Sticky footer solution by Steve Hatcher ... Reveal Code





  
      
        Some text goes here
      
  

  
    My cool footer

3

0

792

15

Bootstrap: centering bootstrap 3 pagination

15.10.2013 18:48 daroath Bootstrap 1 Comments

To make your bootstrap pagination centered on the page for bootstrap 2.x you easily add "pagination-centered" class. However for bootstrap 3 there is no such class name to center it on page. To center it just add a wrapper

with class="text-center". ... Reveal Code


 
  
    « prev
    1
    2
    3
    next »
  




  
    « Previous 
    1 
    2 
    3 
    Next »

2

0

4022

4

HTML: Allowing Internet Explorer 8 (and older) to render HTML5 documents

11.05.2013 00:06 KARPOLAN HTML 1 Comments

Fix for Internet Explorer 5.5/6/7/8 to render HTML5 documents and websites normally. Place this code into the of document. ... Reveal Code


...



...

2

1245

18

PHP: Единая страница ошибок

13.12.2013 16:33 Likrion PHP 0 Comments

сохраняем как error.phprn а в делаем метку на нашу страницу ошибокrnrnrnrn ErrorDocument 400 / error.phprn ErrorDocument 401 / error.phprn ErrorDocument 403 / error.phprn ErrorDocument 404 / error.phprn ErrorDocument 500 / error.phprnrn ... Reveal Code

 array('400 Плохой запрос', 'Запрос не может быть обработан из-за синтаксической ошибки.'),
       403 => array('403 Запрещено', 'Сервер отказывает в выполнении вашего запроса.'),
       404 => array('404 Не найдено', 'Запрашиваемая страница не найдена на сервере.'),
       405 => array('405 Метод не допускается', 'Указанный в запросе метод не допускается для заданного ресурса.'),
       408 => array('408 Время ожидания истекло', 'Ваш браузер не отправил информацию на сервер за отведенное время.'),
       500 => array('500 Внутренняя ошибка сервера', 'Запрос не может быть обработан из-за внутренней ошибки сервера.'),
       502 => array('502 Плохой шлюз', 'Сервер получил неправильный ответ при попытке передачи запроса.'),
       504 => array('504 Истекло время ожидания шлюза', 'Вышестоящий сервер не ответил за установленное время.'),
);
 
$title = $codes[$status][0];
$message = $codes[$status][1];
if ($title == false || strlen($status) != 3) {
       $message = 'Код ошибки HTTP не правильный.';
}
 
echo 'Внимание! Обнаружена ошибка '.$title.'!
'.$message.'';
?>

1

0

367

4

JavaScript: Texarea remaining characters counter

18.10.2013 00:57 RedOctober JavaScript 0 Comments

Texarea remaining characters counter ... Reveal Code

//event_description_counter - counter text
//event_description - textarea

$(document).ready(function() {
    var text_max = 100;
    $('#event_description_counter').html(text_max + ' characters remaining');
  
    $('#event_description').keyup(function() {
        var text_length = $('#event_description').val().length;
        var text_remaining = text_max - text_length;

        $('#event_description_counter').html(text_remaining + ' characters remaining');
    });
});

1

0

779

4

CSS: Centering Percentage Width/Height Elements

07.07.2013 07:17 grun CSS 0 Comments

If you know the exact width/height of an element, you can center it smack dab in the middle of its parent element easily with this classic trick: top and left set to 50% and negative margins half the width and height of the element. That's great if you know the width and height of the element you're trying to center, but what if they are percentages? ... Reveal Code

.center {
    position: absolute;
    left: 50%;
    top: 50%;
    
    /*
    Nope =(
    margin-left: -25%;
    margin-top: -25%;
    */  
          /* 
    Yep!
    */
    transform: translate(-50%, -50%);
    
    /*
    Not even necessary really. 
    e.g. Height could be left out!
    */
    width: 40%;
    height: 50%;
}

1

0

1223

6

HTML: HTML5 navigation menu

25.06.2013 12:22 grun HTML 0 Comments

HTML5 разметка меню ... Reveal Code


    
        Раздел 1
        
            Подраздел 1
            Подраздел 2
            Подраздел 3 
        
    
    Раздел 2
    Раздел 3
    Раздел 4

1

0

1435

4

JavaScript: Detect geolocation coordinates and adress

30.05.2013 06:41 riartem JavaScript 0 Comments

Данный сниппет позволяет быстро получить не только координаты пользователя, но также его физический адрес.
Внимание! Требуется подключённая на страницу библиотека API 2.0 яндекс.карт.

Пример работы: http://jsfiddle.net/bnRus/ ... Reveal Code

navigator.geolocation.getCurrentPosition(function(geopos) {
            ymaps.geocode([geopos.coords.latitude,geopos.coords.longitude]).then(function(res){
              var result = res.geoObjects.get(0);

        if(result) {
            console.log(result.properties.get('name'));
        }
        })
});

1

0

648

9

HTML: List of US states

26.05.2013 16:04 RedOctober HTML 0 Comments

List of US states with USPS official abbreviations ... Reveal Code

1

0

285

6

jQuery: Keyboard shortcut

24.05.2013 02:43 Anonymous jQuery 0 Comments

Using the keyboard shortcut to increase the value in the input field ... Reveal Code

var isShift = false;
  $('input[type="text"]').keyup( function(e){

    if (e.which == 16 ) isShift = false;

  }).keydown( function(e) {

      $(this).attr('autocomplete',"off");

      // Shift key
      if(e.which == 16) isShift = true;

      var v = (isShift == true) ? 10 : 1;

      // Arrow up code
      if (e.keyCode == 38)
        $(this).val( parseInt( $(this).val() ) + v );

      // Arrow down code
      if (e.keyCode == 40)
        $(this).val( parseInt( $(this).val() ) - v );
  });

1

0

408

8

jQuery: Growl-like messages

21.05.2013 14:25 RedOctober jQuery 0 Comments

Simple Growl-like messages (top-right corner of a page) ... Reveal Code




    




Click me!

1

0

291

10

CSS: Cross-Browser Inline-Block

20.05.2013 08:27 grun CSS 0 Comments

…for very old browsers. ... Reveal Code




  
    This is awesome

1

0

286

9

jQuery: Scroll to top

15.05.2013 14:10 RedOctober jQuery 0 Comments

Scroll the page to its top ... Reveal Code

$("a[href='#top']").click(function() {
  $("html, body").animate({ scrollTop: 0 }, "fast");
  return false;
});

1

0

447

8

PHP: Send an HTML formatted email

15.05.2013 14:05 RedOctober PHP 0 Comments

Send an HTML formatted email. Supports all HTML formatting ... Reveal Code

$messagetext = 'Message body
with HTML formatting';
$mail_to = '';
$subject = 'My Subject';
$headers = "Content-type: text/html; charset=utf8 \r\n";
$headers .= "From:  <>\r\n";
mail($mail_to, $subject, $messagetext, $headers);

1

384

8

HTML: HTML code for testing CSS styles

11.05.2013 18:05 Anonymous HTML 0 Comments

HTML code for testing CSS styles. Usual used to test CSS styles in any WYSIWYG using CMS. ... Reveal Code

CSS Basic Elements

The purpose of this HTML is to help determine what default settings are with CSS and to make sure that all possible HTML Elements are included in this HTML so as to not miss any possible Elements when designing a site.

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

[top]

Paragraph

Lorem ipsum dolor sit amet, test link adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.

Lorem ipsum dolor sit amet, emphasis consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.

[top]

List Types

Definition List

Definition List Title: This is a definition list division.

Ordered List

List Item 1
List Item 2
List Item 3

Unordered List

List Item 1
List Item 2
List Item 3

[top]

Fieldsets, Legends, and Form Elements

Legend

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus.

Form Element

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui.

Text Field:

Text Area:

Select Element:

Radio Buttons:
Radio 1
Radio 2
Radio 3

Checkboxes:
Radio 1
Radio 2
Radio 3

Password:

File Input:

[top]

Tables

Table Header 1	Table Header 2	Table Header 3
Division 1	Division 2	Division 3
Division 1	Division 2	Division 3
Division 1	Division 2	Division 3

[top]

Misc Stuff - abbr, acronym, pre, code, sub, sup, etc.

Lorem ^superscript dolor _subscript amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. cite. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. NBA Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. AVE

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. NBA Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. AVE

"This stylesheet is going to help so freaking much."
-Blockquote

[top]

1

2

273

18

PHP: Custom social sharing URLs

19.05.2013 09:45 RedOctober PHP 0 Comments

Custom social sharing URLs for the most popular social networks ... Reveal Code

$facebook_link = "http://www.facebook.com/sharer.php?u=" . urlencode($URL) . "&t=" . urlencode($TITLE) . "&src=sp";
$twitter_link = "http://twitter.com/home/?status=" . urlencode($URL . " - " . $TITLE);
$googleplus_link = "https://plusone.google.com/_/+1/confirm?hl=en&url=" . urlencode($URL);
$reddit_link = "http://reddit.com/submit?url=" . urlencode($URL) . "&title=" . urlencode($TITLE);
$vkontakte_link = "http://vkontakte.ru/share.php?url=" . urlencode($URL) . "&title=" . urlencode($TITLE);

0

1

440

8

HTML: Empty table layout

08.05.2013 16:05 RedOctober HTML 0 Comments

Empty table layout (3 columns, 2 rows) ... Reveal Code

0

1

333

12

RedOctober	69
mdbm	11
NeonLost	10
stalin	9
grun	7
v.danylo	5
Shara	4
228vit	4
nikita	3
KARPOLAN	3

Have a Snippet?

Tag "HTML" (15)

CSS: Sticky footer solution

Bootstrap: centering bootstrap 3 pagination

HTML: Allowing Internet Explorer 8 (and older) to render HTML5 documents

PHP: Единая страница ошибок

Внимание! Обнаружена ошибка '.$title.'!

JavaScript: Texarea remaining characters counter

CSS: Centering Percentage Width/Height Elements

HTML: HTML5 navigation menu

JavaScript: Detect geolocation coordinates and adress

HTML: List of US states

jQuery: Keyboard shortcut

jQuery: Growl-like messages

CSS: Cross-Browser Inline-Block

This is awesome

jQuery: Scroll to top

PHP: Send an HTML formatted email

HTML: HTML code for testing CSS styles

CSS Basic Elements

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Paragraph

List Types

Definition List

Ordered List

Unordered List

Fieldsets, Legends, and Form Elements

Form Element

Tables

Misc Stuff - abbr, acronym, pre, code, sub, sup, etc.

PHP: Custom social sharing URLs

HTML: Empty table layout