Best Blackhat Forum - [TUT]Crea8social video home background

Pages: 1 2

Today i m going to share a my modification of Crea8social video home background.
Its very simple:
First Open up themes\frontend\default\views\home\index.blade.php
Replace everything with below code. Remember to make a copy of original code.
You can change the video link with your own video link
if you like my share pls REP++ Thanks...

<script>

document.createElement('video');

</script>
<style>
video#bgvid {

position: fixed; right: 0; bottom: 0;

min-width: 100%; min-height: 100%;

width: auto; height: auto; z-index: -100;

background: url(https://db.tt/wkXtrkxR) no-repeat;

background-size: cover;

}
video { display: block; }
</style>

<div id="topography">

<video autoplay loop poster="polina.jpg" id="bgvid">

<source src="https://db.tt/5pxb5Gzr" type="video/webm">

<source src="https://db.tt/20CgLFt1" type="video/mp4">

</video>

<div class="container clearfix">

<div class="left">
<h3 class="title">{{trans('home.welcome-to-our-social-network')}}</h3>

<div class="welcome-notes">
<div class="media">
<div class="media-object pull-left"><i class="icon ion-compose"></i></div>
<div class="media-body">
<h3>{{trans('home.share-content')}}</h3>
<span>{{trans('home.share-content-note')}}</span>
</div>
</div>

<div class="media">
<div class="media-object pull-left"><i style="color: white" class="icon ion-chatboxes"></i></div>
<div class="media-body">
<h3>{{trans('home.discuss')}}</h3>
<span>{{trans('home.discuss-note')}}</span>
</div>
</div>

<div class="media">
<div class="media-object pull-left"><i class="icon ion-ios7-people-outline"></i></div>
<div class="media-body">
<h3>{{trans('home.find-people')}}</h3>
<span>{{trans('home.find-people-note')}}</span>
</div>
</div>
</div>


</div>
<div class="right">
<div class="login-social-links">
<a href="" data-toggle="modal" data-target="#signup-form-modal" class="email"><i class="icon ion-android-mail"></i> <span class="arrow-right"></span> {{trans('home.signup-with-mail')}}</a>
</div>
<form id="login-form" role="form" action="user-home.php" method="post">
<div class="message"></div>
<div class="form-group">
<label for="exampleInputEmail1">{{trans('global.email-address')}}</label>
<input name="val[username]" type="text" id="exampleInputEmail1" placeholder="{{trans('user.enter-email')}}">
</div>
<div class="form-group">
<label for="exampleInputPassword1">{{trans('global.password')}}</label>
<input type="password" name="val[password]" id="exampleInputPassword1" placeholder="{{trans('global.password')}}">
</div>

<div class="checkbox">
<label>
<input name="val[keep]" type="checkbox"> {{trans('user.keep-me-login')}}
</label>
</div>
<button type="submit" class="btn btn-danger btn-sm">{{trans('global.login')}}</button> <a href="{{URL::route('forgot-password')}}">{{trans('user.forgot-password')}}?</a>
</form>

<div class="login-social-links">
<div class="panel">

@if(Config::get('enable-facebook-login'))
<a href="{{URL::route('facebook-auth')}}" class="facebook"><i class="icon ion-social-facebook"></i></a>
@endif

@if(Config::get('enable-twitter-login'))
<a href="{{URL::route('twitter-auth')}}" class="twitter"><i class="icon ion-social-twitter"></i> </a>
@endif

@if(Config::get('enable-google-login'))
<a style="background: #F25757" href="{{URL::route('google-auth')}}" class="google"><i class="icon ion-social-googleplus-outline"></i></a>
@endif

@if(Config::get('enable-vk-login'))
<a href="{{URL::route('vk-auth')}}" class="vk">
<img src="{{Theme::asset()->img('theme/images/vk.png')}}"/>
</a>
@endif
</div>

</div>

<div class="modal fade" id="signup-form-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<form id="signup-form" action="{{URL::route('signup')}}" role="form">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">{{trans('home.signup-for-account')}}</h4>
</div>
<div class="modal-body">

<div class="message"></div>
<div class="form-group">
<label for="exampleInputEmail1">{{trans('user.your-full-name')}}</label>
<input type="text" name="val[fullname]" class="form-control" placeholder="{{trans('user.provide-your-fullname')}}">
</div>
<div class="form-group">
<label for="exampleInputEmail1">{{trans('user.choose-username')}}</label>
<input type="text" name="val[username]" class="form-control" placeholder="{{trans('user.choose-username')}}">
</div>
<div class="form-group">
<label for="exampleInputEmail1">{{trans('global.email-address')}}</label>
<input type="text" name="val[email_address]" class="form-control" id="exampleInputEmail1" placeholder="{{trans('user.enter-email')}}">
</div>

@if(Config::get('user-enable-birth-date', 1))
{{Theme::section('user.birthdate',[
'day' => Input::get('val.day'),
'month' => Input::get('val.month'),
'year' => Input::get('val.year')
])}}
@endif
<div class="form-group">
<label for="exampleInputPassword1">{{trans('global.password')}}</label>
<input type="password" name="val[password]" class="form-control" id="exampleInputPassword1" placeholder="{{trans('global.password')}}">
</div>

<div class="form-group">
<label for="exampleInputFile">{{trans('user.i-am')}}:</label>
<select style="width: 33%" name="val[genre]">
<option value="">{{trans('global.genre')}}</option>
<option value="male">{{trans('global.male')}}</option>
<option value="female">{{trans('global.female')}}</option>
</select>

<label>{{trans('global.from')}}:</label>
<select name="val[country]">
<option value="">{{trans('user.select-country')}}</option>
@foreach(Config::get('system.countries') as $country => $name)
<option value="{{$country}}">{{$name}}</option>
@endforeach
</select>
</div>

@if(Config::get('enable-captcha'))

<div class="control-group">
<input placeholder="{{trans('user.captcha-text-info')}}" class="form-control" id="captcha-form" type="text" name="val[captcha]" autocomplete="off"/>
<img style="width: 150px;border-radius: 5px;margin-top:5px" id="captcha" src="{{URL::to('/app/library/captchalib/captcha.php')}}"/>
<i class="icon ion-ios7-reload"></i> <a href="#" onclick="
document.getElementById('captcha').src='{{URL::to('/app/library/captchalib/')}}/captcha.php?'+Math.random();
document.getElementById('captcha-form').focus();"
id="change-image">{{trans('user.captcha-reload')}}</a>

</div>
@endif
<div class="checkbox">
<label>
<input name="val[terms-and-condition]" type="checkbox"> {{trans('user.by-clicking-signup-button')}} <a href="{{URL::route('terms-and-condition')}}">{{trans('user.terms-and-conditions')}}</a>
</label>
</div>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-success">{{trans('user.signup-now')}}</button><br/>
</div>

</form>

</div>
</div>
</div>

</div>
</div>
</div>

<div id="home-members-container">
<div class="container clearfix">

<ul class="nav">

@foreach($users as $user)
<li><a href="{{$user->present()->url()}}"><img src="{{$user->present()->getAvatar(100)}}"/> </a> </li>
@endforeach

</ul>

</div>
</div>

Get more videos here http://www.hongkiat.com/blog/fullsize-vi...-websites/
on firefox use any video downloader plugin to download the videos you want.

great stuff. thank you!

(02-26-2015 12:30 AM)crixxu Wrote: [ -> ]great stuff. thank you!

No problem. Remember to remove the background picture and color in css. if need help pls reply here.

Any demo? :) Thanks for this man, i want to see a demo before

(02-26-2015 01:11 AM)HazteFamoso Wrote: [ -> ]Any demo? :) Thanks for this man, i want to see a demo before

Can t post.my site link here. It's petty easy anyway.. just make a copy of original file if any problem just place it back.

hi abelwang!

thanks again for your work!

what do you mean? "remove background and colour in css"

all the best,

crixxu

k - got it :)

(02-26-2015 10:38 PM)crixxu Wrote: [ -> ]k - got it :)

glad you got it. btw do you hae email sign up problem? i m still facing email sign up not redirect problem.

no - works very well for me - i´m running v4

What i need to delete of css?, i delete the background but what i need to delete in css?

Pages: 1 2