Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › Back End › SVG Anchor Tag PHP Function Animation Transition Madness › Reply To: SVG Anchor Tag PHP Function Animation Transition Madness

May 11, 2014 at 4:53 am #169782
bmoneruiux
Participant

My permalinks are set to /%postname%/. All of that is apart of my WP Maintenance 101 Checklist lol.

The Responsive theme is in the WordPress Repository and is free. All I did was create a child theme and start to alter stuff in the header and footer only first. You can download it and look at their header.php file to get a look at their coding.

The only code I’ve added to the header.php file was:

         <div id="logo">
                <svg class="bm-logo" version="1.1" id="Layer_1" x="0px" y="0px" width="128px" height="128px" viewBox="0 0 128 128" enable-background="new 0 0 128 128" xml:space="preserve">
                    <a xlink:href="brandonmoner.me">
                      <rect class="logo-bg" fill="#404040" width="128" height="128"/>
                      <path class="logo-square" fill="#404040" stroke="#FFFFFF" stroke-width="8" stroke-miterlimit="10" d="M9.28,9.28v109.44h109.44V9.28H9.28z"/>
                      <g>
                        <path fill="#FFFFFF" d="M45,81.104h17.352c6.399,0,10.6,2.899,10.6,8.852c0,3.6-1.851,6.199-5.101,7.6v0.1
                                                c4.351,0.951,6.7,4.352,6.7,9.201c0,5.602-3.899,9.951-13.151,9.951H45V81.104z M51.25,96.053h10.201c3,0,5.25-1.75,5.25-4.949
                                                c0-3.601-1.85-4.899-5.25-4.899H51.25V96.053z M51.25,111.705h11.051c3.801,0,6-2.051,6-5.65c0-3.5-2.199-5.5-6-5.5H51.25V111.705z
                                                "/>
                        <path fill="#FFFFFF" d="M79.4,90.954h5.4v3.599h0.15c1.7-2.55,3.851-4.3,7.95-4.3c3.149,0,6.101,1.351,7.25,4.3
                                                c1.899-2.648,4.351-4.3,8.102-4.3c5.451,0,8.65,2.399,8.65,8.701v17.851h-5.699v-15.101c0-4.101-0.25-6.951-4.701-6.951
                                                c-3.852,0-5.501,2.552-5.501,6.899v15.152h-5.7v-16.602c0-3.551-1.1-5.451-4.55-5.451c-2.95,0-5.649,2.4-5.649,6.701v15.352H79.4
                                                V90.954L79.4,90.954z"/>
                      </g>
                    </a>
                </svg>
            </div><!-- end of #logo -->

And if you take a look at their header.php, you can see exactly where I placed this code.