jquery - How to code vertical banner -


i have found solution vertical banner use in mine bootstrap 3 responsive design, modify , need because failing grasp concept of coding mine banner looks this.

ribbon

this solution have found.

css , html follows

    div {          background: deeppink;          height: 30px;          width: 30px;          position: relative;          text-align: center;          font: 600 16px sans-serif;          color: #fff;          line-height: 27px;          border: 0;      }            div:after {          content: "";          position: absolute;          bottom: -18px;          left: 0;          height: 0;          width: 0;          border: solid 15px deeppink;          border-bottom-color: transparent;      }            div:hover {          background: purple;      }            div:hover:after {          border-color: purple;          border-bottom-color: transparent;      }
    <div> </div>

see fiddle banner here. how can modify banner lock more mine banner, how can make head of example banner look's pointy on picture. can me make this, thank you. 

*{      padding: 0;      margin: 0;      box-sizing: border-box;  }  body{      padding: 50px;  }  div {      background: #1589a1;      padding: 20px;      position: relative;      color: #fff;      width: 100px;          min-height: 70px;      font: 600 16px sans-serif;      color: #fff;      }  div:after {      content:'';      position: absolute;      left: 50%;      bottom: -100px;      border: 50px solid transparent;      border-top: 50px solid #1589a1;      -webkit-transform: translate(-50%, 0);      -ms-transform: translate(-50%, 0);      transform: translate(-50%, 0);  }  div span{      padding: 30px 0 30px;      position: relative;      display: block;      z-index: 1;      -webkit-transform: rotate(-90deg);  	-moz-transform: rotate(-90deg);  	-o-transform: rotate(-90deg);  	transform: rotate(-90deg);  }
<div>       <span>solution</span>      <span>solution</span>  </div>


Comments

Post a Comment

Popular posts from this blog

Magento/PHP - Get phones on all members in a customer group -

i working on custom magento extension. working around adminhtml part , i've created custom form there. here form code: <?php class vivasindustries_smsnotification_block_adminhtml_sms_sendmass_edit_form extends mage_adminhtml_block_widget_form { public function _preparelayout() { $extensionpath = mage::getmoduledir('js', 'vivasindustries_smsnotification'); $head = $this->getlayout()->getblock('head'); $head->addjs('jquery.js'); $head->addjs('vivas.js'); return parent::_preparelayout(); } protected function _prepareform() { $form = new varien_data_form(array( 'id' => 'edit_form', 'action' => $this->geturl('*/*/save', array('id' => $this->getrequest()->get...
Read more

php - Bypass Geo Redirect for specific directories -

i'm trying bypass redirect specific url within site. wondering if might able help. the code below code use, original urls replaces example.com i'd able access http://example.com/admin without redirect occuring. is there way this, , there way using own ip? function country_geo_redirect() { $country = getenv('http_geoip_country_code'); if ($country == "us" ) { wp_redirect("http://usa.example.com/"); exit; } else if ($country == "gb" ) { wp_redirect("http://uk.example.com/"); exit; } } add_action('init', 'country_geo_redirect'); you can bypass redirection code if server found ip address. if ip address == <my ip address> ' nothing here else country_georedirect() end if
Read more

php - .htaccess mod_rewrite for dynamic url which has domain names -

i want convert url ex:( example.com/link.php?url=facebook.com ) ( example.com/facebook.com.php ) how can using .htaccess. or there other process make job easier ? i tried adding script .htaccess file options +followsymlinks rewriteengine on rewriterule url-(.*)\.htm$ link.php?url=$1 but converting url adding "url-" ( example.com/url-facebook.com.php ) i want remove "url-" , want make ( example.com/facebook.com.php ) rewriteengine on rewritecond %{the_request} ^get.*link\.php\?url\= [nc] rewritecond %{request_uri} !/system/.* [nc] rewriterule (.*?)link\.php\?url\=/*(.*) /$1$2 [r=301,ne,l] not sure how above work edit of used use remove index.php url
Read more